The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
direction (ltr/rtl) is ignored
| Project: | jScrollPane - crossbrowser custom scrollbars |
| Version: | 1.1.1 |
| Component: | Code |
| Category: | bug report |
| Priority: | critical |
| Assigned: | kelvinluck |
| Status: | closed |
Jump to:
Description
Tested with folowing codes:
1) <div id="pane1" class="scroll-pane" style="direction:rtl">
2) <div id="pane1" class="scroll-pane" dir="rtl">- Login to post comments

Comments
#1
I've never used this attribute before. What's the expected behaviour? Do you have an example page?
#2
This is a link (http://vlad.amirov.googlepages.com/div_dir_example) whis my explanation. If you need more information please let me know.
Thanks.
#3
Wow - I never even knew that attribute existed. I will look into adding support into jScrollPane for this when I get a chance but it probably won't be too soon I'm afraid because I'm busy with "real" (e.g. paying!) work. In the meantime, can you maybe produce the effect with some CSS trickery?
#4
If I found some temporary solution I'll tell you.
#5
I have seen the code in jScrollPane.cs and jScrollPane.css files and found that a solution is very simple. Kelvin, you can do it later it's realy very very simple. Logic of the solution basic on the CSS absolut position. It need a bit difference CSS settings for some specify DIVs objects (see example below) when pane direction is RTL.
Example:
#pane1 { right: 0; padding-right: 0; padding-left: 3px}
and
jScrollPaneTrack, .jScrollArrowUp, .jScrollArrowDown { left: 0}
Now in my code I use next workaround with jQuery.ready (on init function):
$('#pane1').jScrollPane({showArrows:true, scrollbarWidth: 17}).css({right:0,padding:0,marginLeft:3});
$('.jScrollPaneTrack, .jScrollArrowUp, .jScrollArrowDown',$('.winXP')).css('left','0');
Of course these changes can be setted by directly CSS definition.
#6
Sorry for my English and thank you for http://dev.jquery.com/changeset/3125 bug fix.
#7
Moved to new googlecode issue tracking system:
http://code.google.com/p/jscrollpane/issues/detail?id=4
#8
I use this in this coupon website and found it worked well, thanks!
#9
The solution is so simple and it works. Thanks.
_______________
MacMall