Menu
When I put style='direction: rtl;' the vertical scrollbar should switch sides and show on the left instead of right. This is how it works in IE and FF, but in Chrome it remains on the right.
Is it a known bug? Is there any way to fix it?
783
We can use the CSS “::-webkit-scrollbar” property which is responsible for changing the shape, color, size, shade, shadow, etc. of the scroll bar. But, here the property which we will use is the direction property of CSS for changing the position of the scroll bar.
No, you can't change scrollbars placement without any additional issues. You can change text-direction to right-to-left ( rtl ), but it also change text position inside block.
Unfortunately, you cannot change the default side that the scroll bar on web pages is displayed on. by default, web pages written in languages that flow left to right (like English, Italian etc) show the vertical scroll bar on the right, languages that flow right to left show the vertical scroll bar on the left.
This is a known webkit bug. The scroll will render on the right in Safari, as well.
There's an answer here that has several different workarounds, including the jQuery plugin jScrollPane and a native-looking hack.
91
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
