Estou querendo adquirir a porcentagem que meu scroll está, para manipular css. Porém tenho essas duas variaveis:
document.documentElement.scrollTop;
document.documentElement.scrollHeight;
A primeira me dá a posição do scroll, e a segunda me dá o tamanho do scroll. Fechou, agora eu só preciso dividir pos/height
pra ter a porcentagem do scroll, porém no que percebi a variavel document.documentElement.scrollTop;
quando meu scroll está no final, não dá o mesmo valor que document.documentElement.scrollHeight;
, ou seja minha porcentagem nunca irá chegar a 100% se eu usar esse cálculo.
Pelo que percebi o document.documentElement.scrollTop;
não chega no final de fato porque a posição é pega apenas no topo da tela. A uma maneira de eu fazer essa porcentangem de maneira melhor, tipo pegar o tamanho real do scroll?
scrollTop
marca a posição do topo do viewport, nunca chegará a 100%. Para que seu cálculo funcione basta ajustar o seu valor total, ou seja, seu valor total é o tamanho do scroll menos o tamanho da página (que seria a maior posição quescrollTop
pode ter). É um problema mais matemático do que de programação, o cálculo ficaria:100 * scroll_atual / (scroll_total - tamanho_tela)