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

Question

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

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

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

所以我用

$(document).ready({

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

});

这是行不通的。

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

我在这里做错了什么？

非常感谢。

Answer 1

一个合乎逻辑的解释是 jScrollPane 在计算元素高度并将其应用到滚动条处理程序之前等待您的图像被加载。

所以你可以试试：

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