javascript - Slimscroll在AngularJs的用户界面 View 中不起作用

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

这是标记：

<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
    });
});

任何帮助，将不胜感激。

最佳答案

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

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

关于javascript - Slimscroll在AngularJs的用户界面 View 中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29842038/