Alterando a rolagem de elementos em JavaScript
As propriedades que contêm a rolagem dos elementos
podem ser alteradas. Nesse caso, o elemento
será rolado para o valor especificado.
Vamos, por exemplo, rolar o elemento
para a posição 200px do topo:
elem.scrollTop = 200;
E agora, vamos rolar o elemento
100px para baixo a partir do valor atual:
elem.scrollTop = elem.scrollTop + 100;
E agora, vamos rolar o elemento até o final:
elem.scrollTop = elem.scrollHeight - elem.clientHeight;
Há um elemento e um botão. Ao clicar no
botão, role o elemento para a posição
100px na vertical
e 50px na horizontal.
Há um elemento e um botão. Ao clicar no
botão, role o elemento 50px
para baixo a partir da posição atual de rolagem.
Há um elemento e um botão. Ao clicar no botão, role o elemento até o topo.
Há um elemento e um botão. Ao clicar no botão, role o elemento até a base.
