How to reinitialise jScrollPane without losing features added in the first initialisation?
javascript,jquery,jscrollpane,jquery-jscrollpane
Found what was happening. Whenever you reinitialise, basically everything gets resetted, so the elements that were previously stored in arrowup and arrowdw don't exist anymore. Adding var arrowup = e.find('.jspArrowUp'), arrowdw = e.find('.jspArrowDown'); again after each reinitialise() made the trick....
Use jScrollPane JQuery plugin with RequireJS
javascript,jquery,requirejs,jscrollpane,jquery-jscrollpane
Since both plugins support AMD you shouldn't use a shim config. Also, while creating the snippet below, I noticed that the scroll pane doesn't work if the .scroll-pane container has text only and no p elements. requirejs.config({ paths: { 'jquery': 'http://code.jquery.com/jquery-2.1.3.min', 'jquery.mousewheel': 'http://rawgit.com/jquery/jquery-mousewheel/c61913ebf569c7a3f086b7fb40d941c282d1ce48/jquery.mousewheel', 'jquery.jscrollpane': 'http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min' } }); requirejs(["jquery",...
jScrollPane not working when contents are loaded by .load()
Call the plugin in the .load callback instead: var url = './Includes/tjcgTwitterFeeds.php?randval='+ Math.random(); $(".twitterFeeds ul").load(url, function() { $('.scroll-pane').jScrollPane({showArrows: true}); }); ...
Chrome default scrollbars
jquery,google-chrome,jscrollpane,jquery-jscrollpane,scrollbars
If you can set the CSS property overflow: hidden; on the div holding the content (ngg-galleryoverview jspScrollable), this should fix the issue in Chrome.
jquery jScrollPane too small viewport
javascript,jquery,height,jquery-jscrollpane
Apparently to solve this issue, you have to modify the css of #container-of-the-table. This is the right code: #container-of-the-table{ overflow:auto; max-height: 165px; height: auto; } I am glad that my answer was helpful!...
jquery jscrollpane destroy then recreate/reinitialize
when initializing the jscrollpane for the first time, this would work $("#scroll-pane").jScrollPane(); but after destroying the instance of jscrollpane if you need to re-initialize you need to call like this $("#scroll-pane").jScrollPane().data().jsp Chekc out the Live Demo here: http://jsfiddle.net/dreamweiver/j3nE3/178/ Happy Coding :)...