0

我已将 NiceScroll jQuery 插件添加到我的页面中，它完全符合我的要求（简化了鼠标滚轮事件的滚动）。

但是，该插件似乎也适用于样式滚动条。在使用这个插件的过程中是否可以保留浏览器滚动条的原始样式？

我检查了文档并尝试了许多参数，但似乎找不到相关的参数。

在当前状态下，滚动条不可见。

4

2 回答 2

1

我不知道这是否仍然相关，但无论如何我遇到了同样的问题，并找到了解决方案：

只需从插件中删除这部分，在版本 3.4.0 中它位于第 706-711 行。

 if (!cap.isie9mobile) self.css(cont,{'overflow-y':'hidden'});      

 if (self.ispage&&cap.isie7) {
    if (self.doc[0].nodeName=='BODY') self.css($("html"),{'overflow-y':'hidden'});  //IE7 double scrollbar issue
    else if (self.doc[0].nodeName=='HTML') self.css($("body"),{'overflow-y':'hidden'});  //IE7 double scrollbar issue
 }

如果您不喜欢编辑插件，则必须删除“溢出：隐藏；” 从正文内联样式来看，这就是插件的作用。

当您从插件中删除了这些行时，或者以另一种方式删除了“溢出：隐藏；” 从身体元素。您必须从插件中隐藏栏杆。

这就是我所做的：

$(document).ready(function(){
    $("html").niceScroll();
    $('.nicescroll-rails').remove();
});

你可以在这里看到一个工作示例

于 2014-11-04T13:31:53.073 回答
0

我不知道如何保留原件，但如果你不能这样做，你可以轻松地设置滚动条的样式，例如：

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.8); 
}

恕我直言，无论如何，用一些漂亮的简单样式看起来会更好，没有人喜欢看到默认滚动条：P

于 2014-01-13T11:25:54.757 回答