浏览器兼容——scrollHeight和scrollTop

今天做无限滚动时发现scrollTop取值一直是0，查了下发现是兼容性问题

chrome：document.body.scrollTop
FF&IE: document.documentElement.scrollTop

所以可以这样取值：
var oTop=document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop;

scrollHeight同理

此外
scrollWidth无论body还是documentElement都不会出现兼容问题

而clientXxx值只能是document.documentElement.clientXxx

参考：http://www.jianshu.com/p/46087c0ace05

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS 各种宽高的理解
    Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,275评论 0赞 5
  • JavaScript
    一、JS前言 （1）认识JS 也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HT...
    凛0_0阅读 2,816评论 0赞 8
  • 《JavaScript高级程序设计》Chapter 12 DOM 2 和 DOM 3
    DOM 变化 如何确认浏览器是否支持 DOM 2 和 DOM 3 新增的模块：var supportsDOM2Co...
    云之外阅读 484评论 0赞 0
  • 关于她
    不知道你咋了，第一次不说晚安就消失不见。关于昨天惹你生气欺负你我真的不是故意的，知道你心情不好还怪罪你一直不给我照...
    程彬哲阅读 432评论 0赞 1
  • 天堂的寂寞
    又是独自坐在窗前痴痴的看着什么,眼前却是一片茫然,心里头没有半点思绪.是寂寞?是孤独?是为了曾经...
    Dylanjie阅读 434评论 0赞 1