jquery滚动条

我正在使用NiceSoll插件

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

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

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

有人知道为什么会这样吗？？

---

谢谢

我的第一个想法是让你的类

.nicesroll

元素

溢出：隐藏在css中，这样滚动条就不会出现

在加载文档之后（最好是在window.load上），应用nicesroll插件，并使用jQuery将元素设置为
溢出：自动
，如下所示：

CSS:

jQuery：

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

我认为在您的情况下，您必须向
主体
元素添加ID或类（如我的示例中所示）。
这可能会对您有所帮助。它对我有用

<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>


//隐藏DOM就绪上的正文溢出//
$（文档）.ready（函数（）{
$（“body”）.css（“溢出”、“隐藏”）；
});
//当所有内容都已加载时显示正文溢出//
$（窗口）。加载（函数（）{
$（“body”）.css（“溢出”、“可见”）；
var nice=$（'html'）.nicesroll（{cursorborder:”，cursorcolor:“#333”，cursorwidth:“8px”，boxzoom:true，autohidemode:false}）；
});
以下是您可能需要的示例：

if（jQuery（）.nicesroll）{
$（“html”）.nicesroll({
滚动速度：70，
鼠标滚轮步骤：38，
游标宽度：15，
游标顺序：0，
光标颜色：“#0C090A”，
cursorborderradius:0，
自动隐藏模式：对，
horizrailenabled:false
});
}
好的！我有一个解决办法。我也有同样的问题。我应用了这么多方法，但它们对我不起作用。经过几周的搜索，我找到了这个解决方案。我使用的是niceScroll的最新版本，它是v-3.7.6

Html:-



CSS:-

/*添加溢出隐藏*/
.可滚动div{
溢出：隐藏；
}

是的，就是这么简单。只需将可滚动div设置为aoverflow:hidden。无需使用任何Javascript代码即可

在您的情况下，您可以简单地执行以下操作：


正文{
溢出：隐藏；
}
Hi。谢谢这是个好主意。但是不起作用，因为（我不知道为什么）NiceSoll的滚动条没有显示。它仅在默认滚动条中可见browser@user794035听到这个消息真的很难过。我已经尽力了，因为我还没有使用这个插件的经验。但是一旦我需要它并找到解决方案（或者-创建我自己的），你就会第一个知道的。谢谢。当我看到您的代码时，它对我来说是有意义的，但问题可能是当文档准备好时，nicesoll读取.nicesoll的高度。但我试着在窗口加载后给他打电话，但我得到了同样的结果。谢谢
<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>