//第一种是正常的点击返回顶部
// 滚动条
$('#back_to_top').click(function(){
// $(window).scrollTop(0);
})
//第二种是加了滚动条变化的动画效果
// 滚动条
$('#back_to_top').click(function(){
$('html,body').stop().animate({
scrollTop:"0px"
},"slow")
})
Kali pertama ialah $(window) dan kali kedua ialah $('html,body')
Apakah perbezaan antara ketiga-tiga ini Bila hendak menggunakan tetingkap, bila hendak menggunakan html dan bila hendak menggunakan body?
Juga mengapa kadangkala kedua-dua html dan badan ditulis.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
$('html,body') Kenapa perlu tulis 2? Ini kerana firefox ie tidak menyokong badan, tetapi chrome menyokong badan, jadi demi keserasian, saya menulisnya seperti ini. Anda boleh mencuba firefox dan chrome untuk memahami.
Untuk borang dan objek DOM, mendapatkan sifat yang berkaitan juga berkaitan dengan model dokumen Bagi scrollTop yang anda nyatakan, badan mod xhtml ialah 0, html ialah ketinggian tatal, dan mod backcompat mengembalikan
scrollTop tetingkap mengembalikan ketinggian tatal. pageYOffse