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

2022/6/23 23:20:38

本文主要是介绍查漏补缺——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轴距离,三个都用上,其实是为了兼容,避免在某些情况会失效。



这篇关于查漏补缺——window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop这段代码什么意思?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程