JScrollPane - MouseWheel not working

Question

I use jScrollPane, simply because it was the first thing on Google and I was very tired. So, I will start by saying that I am not against using something else.

I have a two column section. The jScrollPane plugin is used in the right column and has a fixed width. It works when you drag the scroll bar, but the mouse wheel plugin does not work. I call everything in that order:

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

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 aims at a page ready through
$(function(){ $('.scroll-pane').jScrollPane(); });

The console does not report errors. Any thoughts?

Answer 1

I assume you are using jQuery 1.7. If so, the plugin that controls scrolling needs to be updated. (one of the dependencies in the jScrollPane plugin).

Here's a link:

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