jScrollPane - MouseWheel 不工作

发布于 2024-12-22 13:44:14 字数 903 浏览 1 评论 0原文

我使用 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(); });

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

原文

I'm using jScrollPane, simply because it was the first thing on Google and I'm very tired. So, I'll start by saying that I'm not opposed to using something different.

I've got a 2-column section. The right column uses the jScrollPane plugin and has a fixed width. It works when you drag the scrollbar, but the mouse wheel plugin doesn't seem to work. I'm calling everything in this order:

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

The markup:

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

Here's the 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;
}

And is targeted on page ready via
$(function(){ $('.scroll-pane').jScrollPane(); });

Console reports no errors. Any thoughts?

分享到QQ

分享到微博