javascript - jquery選擇器中html和body區別

Question

//第一种是正常的点击返回顶部
// 滚动条
$('#back_to_top').click(function(){
    // $(window).scrollTop(0);
})

//第二种是加了滚动条变化的动画效果
// 滚动条
$('#back_to_top').click(function(){
    $('html,body').stop().animate({
        scrollTop:"0px"
    },"slow")
})

第一次是$(window) 第二次是$('html,body')
請問這三個差異是什麼 什麼時候用window 什麼時候html 什麼時候body？
還有就是為什麼有的時候html和body都寫進去。

Answer 1

$('html,body') 為什麼要寫2個，是因為 firefox ie 不支援 body, chrome 支援的是body, 所以為了相容就這樣寫 。 你可以試試 firefox 和 chrome 就懂了。

Answer 2

窗體和DOM對象，取得相關屬性也和文檔模型有關，就你說的scrollTop，xhtml模式body為0，html才是滾動高度，backcompat模式返回來
window的scrollTop返回滾動高pageYOffse