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

Question

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

这是标记：

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

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

这是 SlimScroll JS：

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

任何帮助，将不胜感激。

Answer 1

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

<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.jsfor 。jquery.slimscroll.min.js

Answer 2

如果有人想在 AngularJS 中使用 slimscroll 并且不希望 jQuery 作为依赖项，这里有一个链接