我正在使用 jScrollPane,只是因为它是 Google 上的第一件事,而且我很累。所以,我首先要说我不反对使用不同的东西。
我有一个 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(); });
控制台没有报告错误。有什么想法吗?
最佳答案
我猜你正在使用 jQuery 1.7。如果是这样,则需要更新控制滚轮的插件。 (jScrollPane 插件中的依赖项之一)。
链接在这里:
https://github.com/brandonaaron/jquery-mousewheel/
关于scrollbar - jScrollPane - 鼠标滚轮不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8599965/