Rolagem de elementos em JavaScript
As seguintes propriedades contêm o quanto um elemento foi rolado:
javascriptconsole.log(elem.scrollTop); // do topo
console.log(elem.scrollLeft); // da esquerda
O exemplo a seguir demonstra o funcionamento dessas propriedades. Role o elemento e clique no botão, você verá a quantidade de rolagem:
Dado um elemento e um botão. Ao clicar no botão, descubra o quanto o elemento foi rolado verticalmente.
Dado um elemento e um botão. Ao clicar no botão, verifique se o elemento foi rolado verticalmente.
Role o elemento até o final. Clique no botão para que a quantidade total de rolagem seja exibida.
Obtenha o scrollHeight do elemento
e subtraia dele a quantidade total de rolagem
(da tarefa anterior). Qual valor será obtido?
Quais dimensões ele contém?
Some o offsetHeight e a quantidade total de rolagem.
Subtraia essa soma do valor scrollHeight.
Qual número será obtido?