2011-12-22 56 views
4

我使用jScrollPane,只是因为它是Google上的第一件事,我非常累。所以,我会首先说我不反对使用不同的东西。jScrollPane - MouseWheel不起作用

我有一个2列的部分。右列使用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; 
} 

,并通过
$(function(){ $('.scroll-pane').jScrollPane(); });

针对性的准备页

控制台报告没有错误。有什么想法吗?

回答

15

我猜你正在使用jQuery 1.7。如果是这样,控制滚轮的插件需要更新。 (jScrollPane插件中的一个依赖项)。

这里是链接:

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

+0

大有赶超!我降级到1.6.4,一切正常。谢谢:) – Steve 2011-12-23 17:15:52

+2

你不必降级我认为jQuery。只需升级我链接到的滚轮插件即可。它是jScrollPane的依赖之一。祝你好运! :) – funkyfly 2012-01-09 20:40:36