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