Well, I spent most the evening creating my own “custom scrollbar”, but grew envious of jScrollPane because it can do a few things that I couldn’t figure out, so like usually, I revisit the original solution, and viola, works like a charm.
Try this… (don’t forget to enqueue jquery, jscrollpane.js, and the jscrollpane css code)
$j=jQuery.noConflict();
$j(“#scroll-pane”).jScrollPane();
This is all you need, I thought I might have to sift through and update jScrollPane.js to reflect this noConflict() method, but you do not, only when you want to finally apply it to the scrolling element.