Chrome不认document.documentElement.scrollTop

最新推荐文章于 2019-08-20 12:26:31 发布

原创最新推荐文章于 2019-08-20 12:26:31 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #scrollTop #ViewUI

本文介绍了一个在Chrome浏览器中遇到的问题，即使用jQuery scrollTop插件时，document.documentElement.scrollTop始终返回0。文章提供了一种解决方案，通过判断document.body.scrollTop来获取正确的滚动条位置。

问题：

使用jquery.scrollTop插件实现“滚动到顶部”的功能，发现某些情况下Chrome不认document.documentElement.scrollTop，使用alert取到的值始终是零。需要通过js进行处理，修复这个bug。

解决方法：

var scroll_top;
if (document.documentElement && document.documentElement.scrollTop) {
scroll_top = document.documentElement.scrollTop;
}
else if (document.body) {
scroll_top = document.body.scrollTop;
/*某些情况下Chrome不认document.documentElement.scrollTop则对于Chrome的处理。*/
}

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: Chrome不认document.documentElement.scrollTop

标签: js, scrollTop