jquery 尼斯滚动

Question

我正在使用 NiceScroll 插件。 http://areaaperta.com/nicescroll/

我只是有一点疑问。加载页面时，我可以从浏览器中看到默认滚动条，然后显示尼斯滚动条。我想将 NiceScroll 栏应用到所有文档，我有以下代码

var nice = $("body").niceScroll({
        preservenativescrolling: false,
        cursorwidth: '8px',
        cursorborder: 'none',
        cursorborderradius:'0px',
        cursorcolor:"#39CCDB",
        autohidemode: false, 
        background:"#999999"
     });

如果我将 autohidemode 设置为 true，我在浏览器中看不到默认滚动条。但我想让 NiceScroll 栏始终可见。

有谁知道为什么会这样吗？ 谢谢

Answer 1

也许这可能对你有帮助。它对我有用。

<script id="twitter-wjs" src="../js/widgets.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../js/jquery.nicescroll.min.js"></script>


<script>

  // Hide Overflow of Body on DOM Ready //
$(document).ready(function(){
    $("body").css("overflow", "hidden");
});

// Show Overflow of Body when Everything has Loaded //
$(window).load(function(){
    $("body").css("overflow", "visible");        
    var nice=$('html').niceScroll({cursorborder:"",cursorcolor:"#333333",cursorwidth:"8px", boxzoom:true, autohidemode:false});

});
</script>