隐藏在页面上的slimScroll

时间:2015-06-11 11:59:41

标签: javascript jquery html css

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

除了一个小的,几乎无关紧要的烦恼之外,一切都有效:当第一次加载页面时,插件会在div上启动并自动显示滚动条。将鼠标悬停在容器外后,隐藏滚动条。

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

开发人员被多次询问,但我在网站上找不到解决方案。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

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

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/