I created a topic over 3 years ago now asking if the plugin would work with responsive themes, I never received a reply from the developer after their initial comment.
Are there plans to finally make the plugin work with responsive templates??
]]>Having problems with Windows Chrome default scroll bars showing up over the top of WP jScrollPane’s. Any idea on how to hide those? It looks fine in Chrome on a Mac, but not on a PC.
Thank you in advance for any help.
You can see the problem here, only if you use a PC though,
https://mbigelowphotographer.com/weddings/
Hi,
I’ve observed that the plugin doesn’t work properly in Chrome and IE. The scrollbar displays but it will only scroll to a certain point, cutting off any content is still in the div. After refreshing the page, the problem disappears. Asking users to refresh every page is not really a solution, though ?? Check out: https://www.heinvergeer.nl/wie-is-hein/ijzeren-hein/. Any help or suggestions would be appreciated.
]]>The weirdest thing: On my homepage the JSPane div generates a different width then on all my other pages. This is what I get from Firebug on all pages:
<div id="wrapper" class="clearfix jspScrollable" style="overflow: hidden; padding: 0px; width: 968px;" tabindex="0">
<div class="jspContainer" style="width: 968px; height: 664px;">
<div class="jspPane" style="padding: 0px 9px 20px; top: -95px; width: 940px;">
<div id="content" class="grid col-940">While on my home page I see this:
<div id="wrapper" class="clearfix jspScrollable" style="overflow: hidden; padding: 0px; width: 950px;" tabindex="0">
<div class="jspContainer" style="width: 950px; height: 664px;">
<div class="jspPane" style="padding: 0px; top: 0px; width: 940px;">
<div id="content" class="grid col-940">Notice the difference in the element style width generated by the plugin.
#wrapper has a width: 950px; defined in my stylesheet, #content has no width options
I’m using WP-jScrollPane for a site that is intended to be horizontally scrolling with custom styled scrollbars. The scrollbar displays but works only via dragging the button/lozenge. With more people using smartphone & Magic Mouse & such, is there a way to keep the custom looking scrollbar and have scroll action via horizontal swipe motion?
]]>I’m primarily trying to get the scroller to work at the blog section to my site here: https://theapiary.co.nz/blog/ – but am not quite sure what I should be putting into the settings.
<div class="blog-sidebar">
<div style="overflow:auto;height:auto;width:302px;">
<?
global $wp_query;
$skip_posts=array();
if (is_single()) //only exclude posts when single post is shown
$skip_posts[]=$wp_query->post->ID;
?>
<?php query_posts( array( 'showposts'=>7,'post__not_in'=>$skip_posts)); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="blog-sidebar-feature">
<?php if ( has_post_thumbnail() ) { ?>
<div class="blog-sidebar-image"><a href="<?php the_permalink() ?>" rel="bookmark" title=""><?php the_post_thumbnail('medium'); ?></a></div>
<?php
}
?>
<div class="blog-sidebar-content">
<p class="date"><?php the_time('F j, Y') ?></p>
<h3 <strong><?php
foreach((get_the_category()) as $category) {
echo $category->cat_name . ' ';
}
?></strong></h3>
<h2 <p><a href="<?php the_permalink() ?>" rel="bookmark" title=""><?php the_title(); ?></a></p></h2><?php echo get_excerpt(166); ?>
</div>
</div>
<?php endwhile;?>
<br />My ScrollPane settings are as follows:
Element: blog-sidebar Selector: blog-sidebar-content Selector Type: ID
Does this look right? I’ve set the amount of posts to show to 7, but if I set it lower then WP-PageNavi page navigation plugin kicks in and the ScrollPane scroller doesn’t appear at all. I don’t want page navigation to appear, but if I deactivate WP-PageNavi the it screws up the whole page. I’m wondering if there’s a possible conflict with the plugin WP-PageNavi, and how I can disable it without messing up the page.
Any and all help is very welcome.
]]>Is it possible to add columns inside the jscrollpane?
(when i write the shortcode for colums it dont registrate the code, but the text it self is showing, and everything in one column.
hope to hear from you soon,
Thank you
I tried to use CSS to modify lozenge colors with no joy. So I tried CSS to customize Drag by adding border-radius also with no joy. Is there a way to have lozenge look but with custom colors?
]]>scrollToElement(ele, stickToTop, animate)
Not sure quite how to go about this. I would like to scroll to an id, class or even a name element, where I am calling the scroll from another div.
https://code-rage.us/wines/pinot-noir/
I want the left side text to access the scroll to function for the scrollable area on the right side.
I tried setting up a normal anchor link, which sort of worked but got rid of the vertical centering on the page and move the anchored link right to the top. Not sure if there is a way to just fix that but figured that a scroll to element would accomplish the same thing but I don’t know how to make the call from one div to another.
Any ideas?
]]>I observed that if the height of the content of a scrollable vertical div exactly matches the height of the div, the scroll bar will show up. I bumped the height of the scrollable div up by one and the scroll bar went away.
Have you tested this case? I saw it under FireFox 19.0.2.
]]>Just to be aware. The full page scroll no longer works with wordpress 3.5.1
If you have the full page scroll activated it will conflict with all other scroll bars on the site.
I had to turn off full pge scroll and delete it at the back end to get the other scroll bars across the site active again.
I have had a pock around to try and solve and will report back if I find a solution.
Meanwhile I have just installed an earlier version of wordpress for my purposes.
]]>Hi is there anyway to get this working on responsive themes?
I currently have a fullscreen slideshow theme, rather than having written content fill the entire screen when the browser is small I wanted to add a custom scroll bar but I’ve noticed that the plugin forces the selector’s height and width to be fixed.
]]>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.
Thanks
]]>hello!
this is a great plugin, my best regards to the developers :#)
i have to say i have tried working a couple of audio player plugins along with this plugin and each one i use has conflict between it.
do you know of any wordpress audio mp3 player which do work with wp-jscrollpane without conflict?
]]>is there same problem with the new version of wordpress?
i can see the presence of plugin but it dont’t work. some counsil?
]]>Hi
I got the plugin working perfectly, however I notice a strange behavior on the pages where I use the meteor slides plugin.
Please see this screenshot which explains the issue:
https://skitch.com/schalkjoubert/ebeby/this-side-up-media-olive-oil-and
Though it seems unnecessary to use the scrollpane on all pages, it comes in handy when viewing on mobile devices.
This is my plugin settings: https://skitch.com/schalkjoubert/ebeyh/dreamweaver
This is my site; https://www.outoforder.co.za/site-18-gk/olives-lavender/
Many thanx
]]>Hi thanks in advance, I want to set the height of my jspDrag element. Where does the plug in initialise jScrollPane on document.ready ?
$(‘.scroll-pane’).jScrollPane({
verticalDragMinHeight: 100, < want to add this
verticalDragMaxHeight: 100 < want to add this
});
I’ve looked everywhere to see what I’m supposed to do but everything I try, doesn’t seem to get this to work.
I’m also not seeing a clear how-to with screenshots. This would be helpful and I’d be happy to provide this if I can get this to work.
<div class="right-column-scrollable scroll-pane-arrows">I would appreciate any help anyone can give to get this resolved. It looks like it will do what I want it to. I’m probably just not doing something correctly.
Thanks! Chris
]]>Hello!
I successfully installed/activated this plugin.
I went ahead and entered some settings, but have not been able to actually implement the horizontal scroller on any pages.
I named the selector “weddings” and set the selector type to “class.”
SO, on the page I wanted a horizontal scroller, I put the following:
<div class="weddings">
<li><img class="pe" src="https://athenapelton.com/images/w/028.jpg" height="466" /></li>
<li><img class="pe" src="https://athenapelton.com/images/w/029.jpg" height="466" /></li>
<li><img class="pe" src="https://athenapelton.com/images/w/030.jpg" height="466" /></li>Can someone help let me know what I’m doing wrong??
Or am I missing something.
The page that I’m testing it on is here :
https://athenapelton.com/weddings/
</div>
This is for a client, which is due soon … so I’m hoping to get some help quickly. Thank you!!
]]>unexpected T_FUNCTION in lone 810
]]>Heya!
Am thrilled with this plugin, has just opened up a whole new world of design ops for WordPress! But enough with the flattery, I do have a small problem I’m hoping someone can help with: the jscrollpane does not work in IE7. Both a vertical and a horizontal bar appear, but in the classic browser style. Works beautifully on other browsers.
https://www.tout-terrain.com/concevoir/
Any ideas?
Thanks all!
-jennyb
The inline style of the jspPane div lacks the left-attribute. This causes internet explorer 7 to set its own value, which for some reason is not 0, but 199px in my case (top is set to 0), resulting in a skewed layout.
this does not occur in ie8 nor in ie9.
apart from that: great plugin, thanks a lot, you saved me a lot of time ??
]]>Thank you for creating this plugin, I have been trying to get jScrollPane working manually and I was at the point of tearing out what little hair I have left. This plugin worked first time and it’s idiot proof! Thanks
I would like to request 2 features for future versions.
1. The ability to hide(or force) X or Y overflow on your container that jScrollPane has been applied to. E.g if you have content that only requires people to scroll vertically, but for some reason a horizontal scroll bar has also appeared, you can override it and stop it from appearing.
2. Ability to add photoshopped designs for your scrollbars, gutters and caps, in jpg, gif, png etc.
3. Some cool html 5 effects like animation or gradients.
Thanks again!
]]>I set up my WP ScrollPane settings like this..
https://jing.videvent.com/2011-04-01_1613.png
And then I created a WP page, and marked up the code like this..
<div class=".th_sp_intDesc">Lorem ipsum ut agam nihil nec. Tale errem tincidunt ad est, brute verear delicata vel te, sanctus lucilius duo id. Summo disputationi ex eam, mei sale augue interesset te. Mel philosophia complectitur ne, ne eros eirmod consetetur pri, per minim eligendi an. Detracto appellantur ex vel. Graeci scripserit ne nec.
Id usu everti legimus patrioque. Eu iisque albucius explicari ius. Ad clita molestiae pri, urbanitas assentior signiferumque mel id, vis pertinax sapientem hendrerit in. At odio tantas meliore ius, maluisset persecuti per eu.
Eu vix laudem incorrupte. At facilis blandit contentiones vim, aeque tincidunt an pri. Erant veniam intellegebat cu vix, sea affert vocent aeterno ut, error mandamus necessitatibus ad pro. Equidem corrumpit maiestatis pro ne, et iriure labores convenire eum. Vitae doctus aliquando id vis, nam no veniam alienum singulis. Et consul possit utroque qui.
Usu mazim legimus placerat ne, has ei primis debitis expetenda. At mel habemus vivendum salutatus. Vim cu vitae erroribus omittantur, sea mentitum mandamus id. Ullum dicta aliquam duo ne, qualisque adolescens vix ne. Eum ei habeo eruditi. Cu nemore dolorem explicari duo.</div>But it doesn’t work.
I wish there was instructions on how to implement it – the jscrollpane information site is for people who know how to understand it – I’m a dummy. I just want to use it.
Does anyone have any clue how to get the colorpicker to initialize after hitting add on the admin page?
]]>