NiceScroll.js调整大小不起作用

时间:2015-04-17 22:02:45

标签: jquery resize nicescroll

我在从图库插件加载动态数据时遇到错误,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>

非常感谢任何帮助......

1 个答案:

答案 0 :(得分:0)

您需要首先在$('#error').fadeOut("slow"); 上实例化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();的内容。