javascript - jquery選擇器中html和body區別
怪我咯
怪我咯 2017-05-19 10:43:53
0
2
715
//第一种是正常的点击返回顶部
// 滚动条
$('#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都寫進去。

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回覆(2)
習慣沉默

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

迷茫

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板