Changing the height of the vertical drag (4 posts)

  1. The Assembly
    Posted 3 years ago #

    Hi, thanks for the great plugin.

    One thing I cant figure out is how to change the height of the vertical drag bar that scrolls up and down. Right now its almost the same height as the track, and I want it to only be about 20px so it looks like a small handle.



  2. fawkesblog2
    Posted 3 years ago #

    In wp-jscrollpane/js/wpjsp.js my code looks like this

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('body').wrapInner('<div id="full-page-container"></div>');var win = $(window);var isResizing = false;win.bind('resize',function(){if(!isResizing){isResizing = true;var container = $('#full-page-container');container.css({'width':1,'height':1});container.css({'width':win.width(),'height':win.height()});isResizing = false;container.jScrollPane({'showArrows': true,'verticalArrowPositions':'split','horizontalArrowPositions':'split','horizontalGutter':0,'verticalGutter':0,'verticalDragMinHeight': 20,
                'verticalDragMaxHeight': 20,
                'horizontalDragMinWidth': 20,
                'horizontalDragMaxWidth': 20});}}).trigger('resize');$('body').css('overflow','hidden');if($('#full-page-container').width() != win.width()){win.trigger('resize');}$('[id*="blog_comm"]').jScrollPane({'showArrows': true,'verticalArrowPositions':'split','horizontalArrowPositions':'split','horizontalGutter':0,'verticalGutter':0,'verticalDragMinHeight': 20,
                'verticalDragMaxHeight': 20,
                'horizontalDragMinWidth': 20,
                'horizontalDragMaxWidth': 20});$('[id*="blogg"]').jScrollPane({'showArrows': true,'verticalArrowPositions':'split','horizontalArrowPositions':'split','horizontalGutter':0,'verticalGutter':0,'verticalDragMinHeight': 20,
                'verticalDragMaxHeight': 20,
                'horizontalDragMinWidth': 20,
                'horizontalDragMaxWidth': 20});});});

    I also have the full page scroll on in that code but should give you enough of an idea.

    The jscollpane does not seem to work with wordpress 3.51. I just upgraded today and unless i can work out a fix will have to reinstall the previous version. So be careful about upgrading just yet.

  3. fawkesblog2
    Posted 3 years ago #

    Ok you can now see on my site how i have the vertical drag set to 20.

    I believe cornfeed will add that feature in if he updates the plugin.

  4. cornfeed
    Plugin Author

    Posted 3 years ago #

    Someday soon. I am pretty busy working on a few other projects, but I made a promise to myself that I would re-write the plugin when I hit 5K downloads. Looks like that is coming soon ;-)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP-jScrollPane
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.