当在Vue项目中遇到document.body.scrollTop始终为0的问题，其实是由于DTD（文档类型定义）导致的。在有DOCTYPE声明的页面中，应使用document.documentElement.scrollTop，而在没有DOCTYPE声明的页面中，则使用document.body.scrollTop。解决方案是根据页面DTD正确选择使用document.documentElement还是document.body来获取滚动位置。
解决方案 https://blog.csdn.net/qq_24729895/article/details/79049066
转载：
Vue中document.body.scrollTop的值总为零的解决办法
最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0
但是发现document.body.scrollTop一直是0。
查资料发现是DTD的问题。
页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。
页面没有DTD，即没指定DOCTYPE时，使用document.body。
IE和Firefox都是如此。
————————————————
版权声明：本文为CSDN博主「echone_wenqian」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_24729895/article/details/79049066
补充一下：dtd
文档类型定义（DTD）可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。
DTD 可被成行地声明于 XML 文档中，也可作为一个外部引用。
就是这个
<!DOCTYPE 根元素 [元素声明]>
<!DOCTYPE html>
这样写即指定根元素为html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
