javascript - Slimscroll 在 AngularJs 的 ui View 中不起作用

Question

我想在我的元素中使用 SlimScroll。问题是需要 scoll 的内容在 ui-view 中。

这是标记:

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

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

这是 SlimScroll JS:

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

如有任何帮助，我们将不胜感激。

Answer 1

没有更多细节，我只能建议按以下顺序添加这些脚本 block :

<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。