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的宽度

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