Tecnología

Inicio

Cómo hacer dos tablas de desplazamiento en el mismo tiempo en JavaScript

La propiedad "scrollTop" para una tabla le permite configurar la ubicación de la barra de desplazamiento cuando el usuario abre su página. Puede utilizar JavaScript para desplazarse dos mesas al mismo tiempo, por lo que cada tabla se desplaza directamente a la misma ubicación para los usuarios leer los datos de ambas tablas. Se configura la función de JavaScript directamente en la página HTML que contiene las dos tablas.

Instrucciones

1 Haga clic en la página HTML que contiene las tablas. Haga clic en "Abrir con" y elija el editor preferido.

2 Cree dos variables que apuntan a las tablas HTML. Los siguientes dos variables apuntan a "tabla1" y "Tabla 2":

var tabla1 = document.getElementById ( "tabla1");
var tabla2 = document.getElementById ( "tabla2");

3 Ajuste la posición de desplazamiento para ambas tablas. Por ejemplo, los siguientes rollos de código a los usuarios a la parte inferior de ambas tablas automáticamente:

table1.scrollTop = table1.scrollHeight;
table2.scrollTop = table2.scrollHeight;