jScrollPane - MouseWheel不工作

Question

我使用jScrollPane，只是因为它是谷歌上的第一件事，我很累。所以，我首先要说的是，我并不反对使用不同的东西。

我有一个两栏的部分。右列使用jScrollPane插件并具有固定的宽度。当您拖动滚动条时，它可以工作，但鼠标滚轮插件似乎不起作用。我会按这个顺序给所有的东西打电话：

jquery.jscrollpane.css  
jquery.jscrollpane.lozenge.css  
jquery.min.js  
jquery.mousewheel.js  
mwheelIntent.js  
jquery.jscrollpane.min.js

标记：

<div class="twocolumn">
  <div class="img-lt"></div>
  <div class="txt-rt scroll-pane">...</div>
</div>

下面是CSS：

#content .twocolumn { overflow:hidden; }
#content .twocolumn .img-lt {
  padding-right:22px;
  border-right:1px solid #818283;
  float:left;
}
#content .twocolumn .txt-rt {
  padding-left:22px;
  float:left;
  width:556px;
  height:409px;
}

，并在page ready上通过

$(function(){ $('.scroll-pane').jScrollPane(); });

控制台未报告错误。有什么想法吗？

Answer 1

我猜您使用的是jQuery 1.7。如果是这样，控制滚轮的插件需要更新。( jScrollPane插件中的依赖项之一)。

链接如下：

https://github.com/brandonaaron/jquery-mousewheel/