jquery选择器中html和body区别

//第一种是正常的点击返回顶部
// 滚动条
$('#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都写进去。

阅读 7.9k
2 个回答

$('html,body') 为什么要写2个,是因为 firefox ie 不支持 body, chrome 支持的是body, 所以为了兼容就这样写 。 你可以试试 firefox 和 chrome 就明白了。

窗体和DOM对象,获取相关属性还和文档模型有关,就你说的scrollTop,xhtml模式body为0,html才是滚动高度,backcompat模式返回来
window的scrollTop返回滚动高pageYOffse

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题