Desplazamiento de elementos en JavaScript
Las siguientes propiedades contienen cuánto se ha desplazado un elemento:
javascriptconsole.log(elem.scrollTop); // desde arriba
console.log(elem.scrollLeft); // desde la izquierda
El siguiente ejemplo demuestra el trabajo de estas propiedades. Desplaza el elemento y haz clic en el botón, verás la cantidad de desplazamiento:
Dado un elemento y un botón. Al hacer clic en el botón, averigua cuánto se ha desplazado el elemento verticalmente.
Dado un elemento y un botón. Al hacer clic en el botón, verifica si el elemento se ha desplazado verticalmente.
Desplaza el elemento hasta el final. Haz clic en el botón para que se muestre la cantidad de desplazamiento total.
Obtén el scrollHeight del elemento
y réstale la cantidad de desplazamiento total
(de la tarea anterior). ¿Qué valor se obtendrá?
¿Qué dimensiones contiene en sí mismo?
Suma el offsetHeight y la cantidad de desplazamiento total.
Resta esta suma del valor scrollHeight.
¿Qué número se obtendrá?