//第一种是正常的点击返回顶部
// 滚动条
$('#back_to_top').click(function(){
// $(window).scrollTop(0);
})
//第二种是加了滚动条变化的动画效果
// 滚动条
$('#back_to_top').click(function(){
$('html,body').stop().animate({
scrollTop:"0px"
},"slow")
})
La première fois est $(window) et la deuxième fois est $('html,body')
Quelles sont les différences entre ces trois-là Quand utiliser window, quand utiliser html et quand utiliser body ?
Aussi pourquoi parfois le HTML et le corps sont écrits.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
$('html,body') Pourquoi avez-vous besoin d'écrire 2 ? C'est parce que Firefox ie ne prend pas en charge le corps, mais Chrome prend en charge le corps, donc par souci de compatibilité, je l'écris comme ceci. Vous pouvez essayer Firefox et Chrome pour comprendre.
Formulaires et objets DOM, l'obtention des propriétés associées est également liée au modèle de document Quant au scrollTop que vous avez mentionné, le corps du mode xhtml est 0, html est la hauteur de défilement et le mode rétrocompat renvoie
window's. scrollTop revient au défilement High pageYOffse