Slimscroll不能在AngularJs的UI视图中工作

Question

我想在我的项目中使用SlimScroll。问题是需要scoll的内容是在ui视图中。

下面是标记：

<div class="col-lg-6" id="conversation-content"> 
    <div id="scroll"> 
     <div ui-view="conversation-content"></div> 
    </div> 
</div> 

我不知道是什么问题。 #scroll股利获得高度和宽度，但它不滚动和SlimScroll栏不可见。

这是SlimScroll JS：

$(function(){ 
    $("#scroll").slimScroll({ 
     height: "auto", 
     color: "#00f", 
     size: "10px", 
     alwaysVisible: true 
    }); 
}); 

任何帮助，将不胜感激。

Answer 1

没有更多的细节，我只能劝顺序添加这些脚本块：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.slimscroll.js"></script> 
<script type="text/javascript"> 
$(function() 
{ 
    $("#scroll").slimScroll({ 
     height: "auto", 
     color: "#00f", 
     size: "10px", 
     alwaysVisible: true 
    }); 
}); 
</script> 

这就要求jquery.slimscroll.js是在同一文件夹/目录，因为这HTML或网页。如果您使用缩小版本，请将jquery.slimscroll.js替换为jquery.slimscroll.min.js。

Answer 2

如果有人想在AngularJS使用slimscroll，不希望的jQuery作为依赖，这里的link