2009-08-11 12 views
7

Estoy trabajando con diseños de derecha a izquierda en este momento (creo hebreo o árabe). En RTL, la página generalmente se voltea horizontalmente. Sin embargo, no puedo entender cómo cambiar la orientación de las barras de desplazamiento. Supongo que las barras de desplazamiento deberían aparecer en el lado izquierdo de un elemento desplazable, no en el lado derecho como lo hace en un diseño LTR.Configuración de la orientación correcta para barras de desplazamiento en páginas de derecha a izquierda

Aquí 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 a la configuración del navegador local, y por lo tanto no es algo que debería estar preocupado, o hay una forma 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ñadir complejidad a la página.)

+0

Al igual que una nota al margen, soy árabe, y la mayoría del sitio web que conozco mantiene la barra de desplazamiento en su ubicación predeterminada (que es, imagino, específica del sistema). –

+0

Quizás valga la pena preguntarles a sus usuarios cómo se sienten al cambiar la barra de desplazamiento, ¿les resulta más útil? – Tom

+0

Cuando está en formato RTL y está colocando un menú a la derecha. Ser una barra de desplazamiento al lado no es una buena idea. Y, por lo general, si tenemos una tabla en la página, se colocará en el lado izquierdo y es mejor ver la barra de desplazamiento al lado. Creo que es más sensato colocar la barra de desplazamiento en el lado opuesto. –

Respuesta

8

No creo que sea una buena idea hacer esto, soy un árabe y me resulta realmente molesto cuando las barras de desplazamiento están a la izquierda.

+0

¿Conoce algún recurso que explique qué esperan las personas en entornos RTL? Ese es un problema global más grande: saber qué se desea en primer lugar. –

+0

Lo siento, no conozco ningún recurso que discuta esto, también, google no devolvió mucho al respecto. Pero de todos modos, lo que puedo decir es que no es bueno que se haga 'por ventana'. En otras palabras, si el usuario está usando la duplicación (me refiero a la configuración de su sistema operativo), entonces no necesita hacer nada, ya que el usuario ya eligió lo que quiere. Pero si el usuario no está utilizando la duplicación, significa que tiene las barras de desplazamiento a la derecha para todas las ventanas, y se pone realmente molesto cuando tienen una ventana con barras de desplazamiento a la izquierda. Debería dejarse a la configuración del sistema operativo. –

+0

No estoy del todo seguro, pero creo que la mayoría de los hablantes de árabe no usan el reflejo de todos modos, esto es especialmente. cierto para Windows XP y Vista. Bueno, al menos ninguna de las personas que conozco lo usa. –

0

Puede 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 de los navegadores más nuevos cambiarán el contenido de derecha a izquierda como es de esperar, pero solo IE y Opera también moverán la barra de desplazamiento hacia el lado izquierdo.

+0

En Opera, el usuario puede forzar la barra de desplazamiento hacia la derecha: opera: config # RTL% 20Flips% 20UI – XP1

1

No hay una forma estándar de voltear el costado de las barras de desplazamiento de la página, porque es un elemento UI mientras que usted puede controlar solo el contenido de la página (HTML).

3

hacer eso con el cuerpo de la etiqueta:

<body dir="rtl"> 

y no tendrán ningún problema por sólo IE.

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

Cuestiones relacionadas