隐藏在页面加载上的slimScroll

Question

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

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

是否有任何方法使滚动条在页面加载时以隐藏状态启动？

开发者被问了很多次，但我在网站上找不到解决方案。

任何帮助都将不胜感激。

Answer 1

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

联署材料：

$(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/