查漏补缺——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这段代码什么意思?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26怎么使用nsenter命令进入容器?-icode9专业技术文章分享
- 2024-12-26导入文件提示存在乱码,请确定使用的是UTF-8编码怎么解决?-icode9专业技术文章分享
- 2024-12-26csv文件怎么设置编码?-icode9专业技术文章分享
- 2024-12-25TypeScript基础知识详解
- 2024-12-25安卓NDK 是什么?-icode9专业技术文章分享
- 2024-12-25caddy 可以定义日志到 文件吗?-icode9专业技术文章分享
- 2024-12-25wordfence如何设置密码规则?-icode9专业技术文章分享
- 2024-12-25有哪些方法可以实现 DLL 文件路径的管理?-icode9专业技术文章分享
- 2024-12-25错误信息 "At least one element in the source array could not be cast down to the destination array-icode9专业技术文章分享
- 2024-12-25'flutter' 不是内部或外部命令,也不是可运行的程序 或批处理文件。错误信息提示什么意思?-icode9专业技术文章分享