关闭

浏览器滚动条的兼容性问题

2320人阅读 评论(0) 收藏 举报
分类:

通用的属性window.pageXoffset,window.pageYoffset.(ie8以下版本不支持)

ie,火狐下:

document.body.scrollTop:0

document.documentElement.scrollTop:x

chrome:

document.body.scrollTop:x

document.documentElement.scrollTop:0

关于滚动条兼容性的用法scrollTop=window.pageYoffset || (document.body.scrollTop+document.documentElement.scrollTop)

document.body.clientHeight代表整个body的高度,而不仅仅是可见区域。

document.documentElement.clientHeight,可见区域的高度,出现滚动条的时候也是可见区域高度,而不是整个body的高度。

window.innerHeight可见区域的高度,网上说不包括滚动条高度,但是测试下发现是包括的,后来查了一下MDN,是这么说的Height (in pixels) of the browser window viewport including, if rendered, the horizontal scrollbar。所以这个应该是包括滚动条的。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:53820次
    • 积分:1746
    • 等级:
    • 排名:千里之外
    • 原创:127篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    最新评论