5

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

我只是有点怀疑。加载页面后，我可以从浏览器中看到我的默认滚动条，然后显示它的 nicescroll 条。我想将 nicescroll 栏应用于所有文档，并且我有以下代码

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

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

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

4

4 回答 4

4

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

<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>
于 2013-01-15T06:12:39.963 回答
1

这是您可能想要的示例：

if (jQuery().niceScroll) {
    $("html").niceScroll({
        scrollspeed: 70,
        mousescrollstep: 38,
        cursorwidth: 15,
        cursorborder: 0,
        cursorcolor: '#0C090A',
        cursorborderradius: 0,
        autohidemode: true,
        horizrailenabled: false
    });
}
于 2015-11-12T15:51:33.927 回答
0

我的第一个想法是在你的css中制作你的类.nicescroll元素overflow:hidden;，这样滚动条就不会出现，

比在您的文档加载后（最好在 window.load 上）应用 nicescroll 插件并overflow:auto使用 jQuery 设置您的元素，例如：

CSS：

.nicescroll{overflow:hidden;}

jQuery：

$(window).load(function(){
   $('.nicescroll').css({overflow:'auto'});
});

我认为在您的情况下，您必须向您的body元素添加一个 ID 或一个类（如我的示例中）。

于 2012-09-17T23:17:07.473 回答
0

好的！这是我的解决方案。我有同样的问题。我应用了很多方法，但它们对我不起作用。然后在搜索了几周后，我找到了这个解决方案。我正在使用最新版本的 niceScroll，它是 v-3.7.6

html:-

<div id="scrollable-div">
  <div class="content"></div>
</div>

CSS：-

/*Adding overflow hidden*/
.scrollable-div{
  overflow: hidden;
}

是的，就这么简单。只需给您的可滚动 div溢出：隐藏。您不需要为此使用任何 Javascript 代码。

在你的情况下，你可以简单地这样做：

body{
 overflow: hidden;
}

于 2020-06-26T20:35:02.760 回答