查漏补缺——window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop这段代码什么意思？

问题

如题所示，源码如下：

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

答案

关于document.body、document.documentElement、window.pageYoffset

window.pageyoffset和document.body.scrollTop

JavaScript学习笔记之 document.body.scrollTop用法

document.documentElement.scrollTop(获取滚动条位置)

document.documentElement.scrollTop与document.body.scrollTop

window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop，这段代码为了计算滚动条顶部视图窗口的y轴距离，三个都用上，其实是为了兼容，避免在某些情况会失效。