Significado: altura da barra de rolagem
Funções: Carregamento de rolagem (AJAX), Posicionamento fixo de navegação de rolagem, posicionamento da estrutura da bala de rolagem, etc.
Mostra os efeitos da rolagem de navegação e da barra lateral Posicionamento fixo:
1. Navegador Chrome
Ambos document.body.scrolltop e document.documentElement.scrolltop estão ok
2. As diferenças entre o Scrolltop em cada navegador
IE6/7/8/9/10:
Para páginas sem declaração Doctype, você pode usar o document.body.scrolltop para obter a altura do rolltop;
Para páginas com declarações doctype, você pode usar document.documentElement.scrolltop;
Safári:
O Safari é bastante especial e tem sua própria função para obter o scrolltop: window.pageyoffset;
Firefox:
Firefox e outros navegadores relativamente padrão são muito mais livres de preocupações, basta usá-los diretamente
document.documentElement.scrolltop;
3. Obtenha o valor do Scrolltop
Perfeito para obter a frase de atribuição de rolltop:
var scrolltop = document.documentElement.scrolltop || window.pageyoffset || document.body.scrolltop;
PS: Problema no uso do Scrolltop em JavaScript
document.documentElement.scrolltop refere -se às coordenadas verticais da barra de rolagem
document.documentElement.clientHeight refere -se à altura da área visível do navegador.
document.documentElement.clientHeight-ODIV é a coordenada vertical inicial da caixa suspensa (em relação ao valor superior do corpo) (esse valor é fixo)
No entanto, quando você puxa a barra de rolagem, a coordenada vertical (alvo) da estrutura flutuante deve ser aumentada ou diminuída com base na coordenada inicial para obter o efeito de rolar visualmente com a barra de rolagem. O valor de aumento ou diminuição é a distância que a barra de rolagem puxa, ou seja, seu rolltopp
Deixe -me dizer qual a diferença entre o scrolltop e o offsettop em javascript
O ScrollTop refere -se à distância em que um bloco rolável rola para baixo, como rolar para baixo em 10 pixels, o valor do atributo ScrollTop desse elemento é 10;
Offsettop é a distância absoluta entre a borda superior do elemento e a borda superior do elemento pai.
Os dois não descrevem a mesma coisa, então não há comparação.
O exposto acima é a descrição completa do Scrolltop em JavaScript apresentado a você pelo editor. Espero que seja útil para você. Se você quiser saber mais, preste atenção ao wulin.com!