jScrollPane不適用於整頁的scrallbar

Question

我想在整個頁面中實現jScrollPane來更改頁面的滾動條，但它不工作。

我的代碼是CSS：

html,body { 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

#main-wrap { 
    height: 100%; 
} 

的jQuery：

jQuery(document).ready(function ($) { 
    "use strict"; 
    $('#main-wrap').jScrollPane(); 
    }); 

和HTML：

<div id="main-wrap"> 
    all other contents... 
    </div> 

和所有在該jScrallPane給出的東西。

問題是： 滾動條出現，但頁面不直接用縮放滾動或鼠標滾動滾動。

請幫助和提前致謝。

Answer 1

，您是否試圖在CSS指定＃主包裝的寬度

#main-wrap{ 
width:400px; 
overflow:auto; 
}