jQuery.scrollLeft () cuando la dirección es rtl - diferentes valores en diferentes navegadores
La propiedad scrollLeft de un div parece devolver diferentes valores en diferentes navegadores cuando la dirección del cuerpo es rtl.
Un ejemplo se puede ver aquí.http://jsfiddle.net/auVLZ/2/
body { direction: rtl; }
div.Container { border: 5px solid #F00; width: 500px; height: 400px; overflow: auto; }
div.Content { background-color: #00F; width: 900px; height: 380px; }
<div id="divContainer" class="Container">
<div class="Content"></div>
</div>
<br />
<input id="showScrollLeft" type="button" value="Show ScrollLeft" />
$(document).ready(function()
{
$("#showScrollLeft").click(function(e)
{
alert($("div.Container").scrollLeft());
});
});
Cromo - el valor inicial es 400, y al mover la barra de desplazamiento a la izquierda es 0.
IE8 - 0 y 400.
Firefox - 0 y -400.
¿Qué está causando esta diferencia y cómo puede manejarse?
Editar: tenga en cuenta que esto también está sucediendo con el scrollLeft "regular" -document.getElementById("divContainer").scrollLeft Devuelve los mismos resultados.