Tengo una página HTML con una tabla grande y muchas columnas, necesito desplazarme hacia la derecha de la página automáticamente al cargar la página.
He probado este código pero no me funciona:
</script><script type="text/javascript"> var myDiv = document.getElementById('containerDiv'); myDiv.innerHTML = variableLongText; myDiv.scrollRight = 0; </script>¿Es un enfoque correcto para desplazarse automáticamente por la página?
Puedes probar este código.
<script type="text/javascript"> var myDiv = document.getElementById('containerDiv'); myDiv.scrollTo(0, myDiv.scrollRight) </script>Prueba así:
// Getting div from DOM const myDiv = document.getElementById('containerDiv'); // Getting div's position divRect = myDiv.getBoundingClientRect(); // Scrolling to div's position window.scrollTo({ top: divRect.top, left: divRect.left, // behavior: 'smooth' }); /* behavior: 'smooth' will give a smooth sensation with a slow transition on scroll. I would personally recommend using it (mainly if this is not intended to run on load). */Mejor y sin comentarios:
const divRect = document.getElementById('containerDiv').getBoundingClientRect(); window.scrollTo({ top: divRect.top, left: divRect.left }); Para obtener información sobre getBoundingClientRect() , consulte este artículo https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
si desea desplazarse por la ventana, utilice
window.scrollTo(x-axis,y-axis);o para uso div específico
document.getElementById('container').scrollLeft += 10000;tan completo programa ser como
window.onload = function() { // for specific div document.getElementById('nan').scrollLeft += 100000; //for window /* window.scrollTo(10000, 0) */; };también puede ver el ejemplo https://jsfiddle.net/zcmhp2de/38/