direction (ltr/rtl) is ignored
September 4, 2007 - 3:40am — Vladislav Amirov
| 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">
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!