javascript - slimScroll 在页面加载时隐藏

Question

我正在开发一个应用程序，它使用 slimScroll jQuery 插件 ( http://rocha.la/jQuery-slimScroll ) 从根本上向 div 容器添加一个很好的溢出。

除了一个小的、几乎微不足道的烦恼之外，一切正常:当页面第一次加载时，插件在 div 上启动并自动显示滚动条。悬停在容器中然后悬停​​在容器外后，滚动条被隐藏。

有没有办法让滚动条在页面加载时以隐藏状态启动？

开发人员多次被问到这个问题，但我在网站上找不到解决方案。

如有任何帮助，我们将不胜感激。

Answer 1

此代码适用于具有相同类的多个元素。

JS:

$(document).ready(function() {
$('.inner').slimScroll({
//your options
opacity: 0
}).mouseover(function() {
$(this).next('.slimScrollBar').css('opacity', 0.4);
});
});

对于这样的 HTML 代码。

<div id='box'>
<div class='inner'>
some paragraph 
</div>
</div>

结果显示在这里:https://jsfiddle.net/ATR616/4Lnr3fju/2/