Desplácese por la barra de desplazamiento de un div hasta la derecha con javascript - javascript, jquery, scrollbar

Esta pregunta es un duplicado de jQuery scrollRight?

Tengo un div con mucho contenido (ancho-sabio)y desbordamiento: automático, así que tengo la barra de desplazamiento en la parte inferior. Comienza a desplazarse completamente hacia la izquierda: ¿hay una manera de desplazarlo completamente hacia la derecha, usando jQuery / native JS?

Incluso si hay una manera de hacer esto en CSS (quenormalmente sería preferible) necesito hacerlo en JS, porque algunas otras cosas suceden en la tabla primero en JS (usando el plugin jquery DataTables para ser específico) en el bloque dom ready, por lo que mi código debe ejecutarse después de eso.

Pensé que esto sería sencillo, pero no he logrado buscar nada útil en Google.

¡Gracias! max

Respuestas

Así es como lo hice, puede que lo consideres un poco intrépido.

En el ejemplo a continuación, "#test" es un div con un ancho y desbordamiento de 100px: auto.

$("#test").css("overflow","none");
$("#test").css("width","none");
var width = $("#test").width();
$("#test").css("overflow","auto");
$("#test").css("width","100px");
$("#test").animate({scrollLeft: width}, 100);

Aquí me estoy deshaciendo del ancho y el desbordamiento de las propiedades de CSS para averiguar cuál es el verdadero ancho del contenido. Luego estoy poniendo las propiedades de CSS de nuevo y desplazándome hacia ese ancho.

Aquí hay un JSFiddle: http://jsfiddle.net/dReFh/