很多时候需要获取页面的scrollTop的值,通常使用document.body.scrollTop来获取值。今天在review代码时,发现这个写法无法获取到scrollTop的值,查阅资料发现scrollTop的兼容性问题,在这里分享一下。
我通常会在html文件的头部声明文档,也就是<!DOCTYPE html>,如果写了这个声明,那就需要使用如下方法:
var scrollTop = document.documentElement.scrollTop
如果没有写声明,则可以使用:
var scrollTop = document.body.scrollTop
这样我们就可以使用兼容性方法来解决问题了,如下:
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop