JS基础篇-- 获取scrollTop的值

2,075 阅读1分钟

1.

Window pageXOffset 和 pageYOffset 属性 其定义:pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 所有主流浏览器都支持 pageXOffset 和 pageYOffset 属性。 注意: IE 8 及 更早 IE 版本不支持该属性,但可以使用

2.

"document.documentElement.scrollLeft" 和 "document.documentElement.scrollTop" 属性 。 由于谷歌兼容问题,可以使用document.body.scrollLeft和document.body.scrollTop 或者window.pageXoffset与window.pageYoffset。

3.注:

因为document.body.scrollTop与document.documentElement.scrollTop两者有个特点,就是同时只会有一个值生效。比如document.body.scrollTop能取到值的时候,document.documentElement.scrollTop就会始终为0;反之亦然。所以,如果要得到网页的真正的scrollTop值,如果不考虑safari,可以这样: var sTop=document.body.scrollTop+document.documentElement.scrollTop; 这两个值总会有一个恒为0,所以不用担心会对真正的scrollTop造成影响。一点小技巧,但很实用。

4.总结:

var heightTop = document.documentElement.scrollTop || document.body.scrollTop;