WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help me set up jscrollpane on my blog. (5 posts)

  1. fawkesblog2
    Member
    Posted 2 years ago #

    If you check my site at http://www.chrisfawkes.net you will see i have the posted comments appear in a scroll box beneath the post. I would love to be able to customize the button on the scroll box to fit my theme.

    I've loaded the plugin WP jScrollPane but now have no clue what to do from here to get it effecting the scroll box for my comments.

    I've searched and read but still can't get my head around it. What code and where to place it, the clearer the instruction the better.

    All help as usual is greatly appreciated.

  2. fawkesblog2
    Member
    Posted 2 years ago #

    At least my question comes up in google.

  3. fawkesblog2
    Member
    Posted 2 years ago #

    So what i have is this code in my comments php

    <div id="blog_comm"style="jQuery(function() {
    jQuery('#content').jScrollPane({showArrows: true});
    });float:right;width:445px;height:225px;overflow:auto;transparent;overflow-x:hidden;padding-right:16px">

    Then in the WP jScrollPane Settings i have "#blog_comm" as the identifier.

    Yet it is not working. Not sure what i am doing wrong.

  4. fawkesblog2
    Member
    Posted 2 years ago #

    Ok i just needed to add #blog_comm as the identifier.

    If you have your identifier in your style.css you should not have a problem. My identifier is in the comments.php This allowed the plugin to work but only on the first post on the page.

    If that is happening to you this is what i did to get it working for all post.

    I went into the wp-jscrollpane/js/wpjsp.js in the plugin editor and i changed the following code from

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('#blog_comm,).jScrollPane({showArrows: true,verticalGutter: 16,verticalArrowPositions: 'split',horizontalArrowPositions: 'split',});});});

    to

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('#blog_comm,#blog_comm').jScrollPane({showArrows: true,verticalGutter: 16,verticalArrowPositions: 'split',horizontalArrowPositions: 'split',});});});

    note where i added the extra ,#blog_comm which is a comma followed by the identifier again. This allows the scrollpane scroll bars to appear on the extra four post on the page.

    Hope that may prove useful to others using the plugin for comments on their front page.

  5. ssmediaco
    Member
    Posted 2 years ago #

    Is their anyway to preload the content in the jscrollpane? I'm using it to scroll a series of images and when the site first loads you see the all of the images load, then the the overflow is hidden a second later. I'd like it the overflow to be hidden from the start.

    http://www.tobygad.com/2011

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.