页面加载时隐藏所有jScrollpane滚动条

Question

我正在使用jScrollPane（这是一个很棒的插件）并在页面中创建了几个滚动条。

我还添加了悬停事件 - 将滚动条淡入淡出。

问题是我想在页面加载时隐藏所有滚动条，只有当它们悬停在它们上面时才显示它们。

所以我用了

$(document).ready({

$(".jspVerticalBar").hide();

});

无效。

令人惊讶的是，当在不同的上下文中调用该行代码（比如在某个事件函数中）时，它会成功执行。

我在这里做错了什么？

非常感谢。

Answer 1

一个合乎逻辑的解释是，jScrollPane在计算元素高度之前等待你的图像加载，然后将它应用于滚动条处理程序。

所以你可以尝试：

$(window).load(function(){
  $(".jspVerticalBar").hide();
});