获取不到scrollTop的问题

时间 2019-12-04

标签获取不到 scrolltop 问题繁體版

原文原文链接

今天在开发过程当中须要获取scrollTop，可是不管是用原生的scrollTop仍是JQ的scrollTop获取到的值始终为0。
原来是DOCTYPE的坑。html

<!DOCTYPE html> //获取scrollTop始终为0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">　// 可正常获取scrollTop

因此说，按照W3C标准开发是多么的重要浏览器

各浏览器下 scrollTop的差别
IE6/7/8：
对于没有doctype声明的页面里能够使用 document.body.scrollTop 来获取 scrollTop高度；
对于有doctype声明的页面则能够使用 document.documentElement.scrollTop；
Safari:
safari 比较特别，有本身获取scrollTop的函数： window.pageYOffset ；
Firefox:
火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ；
二、获取scrollTop值
完美的获取scrollTop 赋值短语：函数

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

经过这句赋值就能在任何状况下得到scrollTop 值。code