2011-11-30 28 views
5

Tengo un div y el requisito es mover la barra de desplazamiento del lado derecho al lado izquierdo. Lo he logrado en FF e IE con una declaración de css direction:rtl;. Safari y Chrome parecen ignorar esto y aún poner la barra de desplazamiento en el lado derecho. ¿Hay alguna forma de obtenerlo en el lado izquierdo tanto en Safari como en Chrome? ¡Gracias!¿Cómo mover la barra de desplazamiento de un div hacia la izquierda en safari/cromo?

(También no puedo convencer a las personas involucradas con esto para tener la barra de desplazamiento en el lado derecho como suele serlo, por lo que sólo necesita una solución para conseguir que a la izquierda.)

+0

No conozco ninguna funcionalidad nativa en los navegadores Webkit (Safari, Chrome, etc.) para hacer esto. Personalmente, usaría jScrollPane o un plugin como este. – jValdron

+0

duplicado de: http://stackoverflow.com/questions/1455708/div-vertical-scroll-bar-on-left – Kris

+1

Sí, jscrollpane es probablemente el camino a seguir pero el hombre, oh hombre, odio las barras de desplazamiento personalizadas. Notará una diferencia en el rendimiento cada vez. –

Respuesta

2

En lugar de una completa como Jscrollpane, puede lograr el efecto deseado con un div "ficticio" y algunas líneas de JavaScript. Este jsFiddle Azoté arriba muestra el efecto de trabajo:

http://jsfiddle.net/rtceC/

Es posible, sin embargo, quiero añadir unas pocas líneas para registrar un evento rueda de desplazamiento sobre el contenido div pseudo-movimiento en sentido vertical y ajuste scrollTop para el maniquí (y por lo tanto para el contenido mismo) en consecuencia.

Cuestiones relacionadas