document.documentElement.scrollTop|document.documentElement.scrollTop || document.body.scrollTop;
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代document.body,可以这样写
例：
var top = document.documentElement.scrollTop || document.body.scrollTop;
在javascript里||是个好东西，除了能用在if等条件判断里，还能用在变量赋值上。那么上例等同于下例。
例：
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
这么写可以得到很好的兼容性。
相反，如果不做声明的话，document.documentElement.scrollTop反而会显示为0。
【document.documentElement.scrollTop|document.documentElement.scrollTop || document.body.scrollTop;
】顺便再存一下这个图吧，总是挺难记清楚
推荐阅读
- js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
- JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight
- 关于Chrome|关于Chrome 对document.documentElement.scrollTop 的兼容问题
- 关于document.documentElement.scrollTop和document.body.scrollTop的区别
- JavaScript|document.documentElement.scrollTop用法
- document.body.scrollTop与document.documentElement.scrollTop
- document.documentElement.scrollTop(获取滚动条位置)
- 解决VUE中document.documentElement.scrollTop为0
- vue监听滚动条window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop一直为0
- document.documentElement.scrollTop || document.body.scrollTop || window.pageXOffset