Ajuste de la orientación correcta para las barras de desplazamiento en las páginas de derecha a izquierda

StackOverflow https://stackoverflow.com/questions/1261869

Pregunta

Estoy trabajando con diseños de derecha a izquierda en el momento (pensar en hebreo o árabe). En RTL, la página está generalmente inclinada horizontalmente. Sin embargo, no puedo encontrar la manera de cambiar la orientación de las barras de desplazamiento. Supongo que las barras de desplazamiento deben aparecer en el lado izquierdo de un elemento desplazable, no el lado derecho como lo hace en un diseño LTR.

Esta es una página de ejemplo en el que la barra de desplazamiento todavía aparece a la derecha: 

<html dir="rtl">
<body>
<div style="height: 100px; overflow: auto;">
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
</body>
</html>

es la orientación de una barra de desplazamiento un entorno local del navegador, y por lo tanto no es algo que debería estar preocupado, o hay una manera de establecer la orientación de la barra de desplazamiento?

(no estoy interesado en implementar mi propia barra de desplazamiento JavaScript; si resulta que esto es sólo una limitación de los navegadores entonces yo prefiero vivir con eso que añaden complejidad a la página.)

¿Fue útil?

Solución

No creo que sea una buena idea hacer esto, yo soy un árabe a mí mismo y me resulta muy molesto cuando son las barras de desplazamiento a la izquierda.

Otros consejos

Sólo hacer que el cuerpo de la etiqueta: 

<body dir="rtl">

y no tendrán ningún problema para IE solamente.

Firefox, Safari y Chrome es otra historia, que necesitan un poco de Javascript para conseguir que funcione.

No hay una forma estándar para darle la vuelta al lado de las barras de desplazamiento de página, ya que es un elemento de interfaz de usuario, mientras que se puede controlar sólo el contenido de la página (HTML).

Puedes añadir el atributo dir a la etiqueta del cuerpo de esta manera: 

<body dir="rtl">

El problema es que el comportamiento es errático en diferentes navegadores. La mayoría navegador más reciente le dará la vuelta el contenido de derecha a izquierda, como cabría esperar, pero sólo IE y Opera también mover la barra de desplazamiento hacia el lado izquierdo.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top