Slimscroll 在 ui-view with AngularJs 中不起作用

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

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

<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 或网页位于同一 folder/directory 中。如果您使用的是缩小版，请将 jquery.slimscroll.js 换成 jquery.slimscroll.min.js。

Answer 2

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

Slimscroll 在 ui-view with AngularJs 中不起作用

Slimscroll does not work in an ui-view with AngularJs

javascript

jquery

css

angularjs

slimscroll