jquery - NiceScroll.js 调整大小不起作用

Question

我从画廊插件加载动态数据时遇到错误，nicescroller 没有出现。滚动条不可见，但如果我右键单击以检查任何元素或使用 chrome 浏览器的缩放属性，它会自动显示。

这是我尝试过的：

<script type="text/javascript">
    $(document).ready(function() { 
        $("html").niceScroll({cursorcolor:"#000000", cursorwidth:"10px", cursoropacitymin:"0", zindex:"99999", scrollspeed:"120"});

        $("#my-div").scroll(function(){
            $("#my-div").getNiceScroll().resize();
        });
    });
</script>

任何帮助将非常感激...

Answer 1

你需要先实例化 niceScroll #my-div（你只实例化了它html）：

<script type="text/javascript">
    $(document).ready(function() { 
        $("html").niceScroll({cursorcolor:"#000000", cursorwidth:"10px", cursoropacitymin:"0", zindex:"99999", scrollspeed:"120"});

        $("#my-div").niceScroll({cursorcolor: "#333",
                                 cursoropacitymin: 0.3,
                                 background: "#bbb",
                                 cursorborder: "0"}); 
    });
</script>

现在你可以打电话$("#my-div").getNiceScroll().resize();了，但是我不知道你为什么要在滚动上添加一个函数。您需要在代码中$("#my-div")从图库插件更新内容的任何位置添加调整大小调用，无论是在更新之后还是通过回调。