No puedo resolver esto, parece que debería ser simple, pero probé todo tipo de variaciones de lo que encontré aquí javascript - ¿Cómo usar window.scroll para desplazarse automáticamente en la carga de la página? - Stack Overflow pero tratando de modificarlo para que se desplace horizontalmente en su lugar ... y no pude hacer que ninguno de ellos funcionara. Si usé código para desplazarme hasta el final, funcionó bien.
Estoy tratando de ejecutar el código dentro
$(function () { function Scrolldown() { // alert("hi") //$("img").scrollIntoView(false); // window.scrollTo({ left: 0, top: document.body.scrollHeight, behavior: "smooth" }); // window.scrollTo(-5000, 0); // $("img").scrollIntoView(false); } window.onload = Scrolldown; });Mi página simplemente consta de un montón de imágenes, todas del mismo ancho... que son más anchas que el área de visualización (o cualquiera que sea el término técnico) del navegador... es decir, debes desplazarte hacia la derecha para ver el resto de la imagen. .
Al cargar, me gustaría que el usuario vea el extremo derecho de la imagen, la parte izquierda puede estar fuera de la pantalla. A diferencia del valor predeterminado, donde la izquierda está visible y la derecha está fuera de la pantalla.
No soy reacio a la animación, pero es preferible sin ella. Pero lo importante es encontrar algo que funcione.
Esto parece hacer el truco para mí:
window.addEventListener('load', (event) => { setTimeout(() => { window.scrollTo({ left: window.innerWidth, behavior: 'smooth', }); }, 0); });Así que supongo que puedes adaptarlo para que se ajuste a tu código así:
$(function () { function Scrollright() { setTimeout(() => { window.scrollTo({ left: window.innerWidth, behavior: 'smooth', }); }, 0); } window.onload = Scrollright; });