At least my question comes up in google.
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.
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.
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
