頁面加載時隱藏所有jScrollpane滾動條

Question

我正在使用jScrollPane（這是一個很棒的插件），並在頁面中創建了多個滾動條。

我還添加了懸停事件 - 淡入淡出滾動條。

問題是我想在頁面加載時隱藏所有的滾動條，只有當它們懸停在它們上面時才顯示它們。

所以我用

$(document).ready({ 

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

}); 

這是行不通的。令人驚訝的是，當在不同的上下文中調用該行代碼（比如在某個事件函數內部）時，它會成功執行。

我在這裏做錯了什麼？

非常感謝。

Answer 1

邏輯上的解釋是，jScrollPane在計算元素高度並將其應用於滾動條處理程序之前等待圖像加載。

所以，你可以嘗試：

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