gpt4 book ai didi

javascript - body.scrollTop vs documentElement.scrollTop vs window.pageYOffset vs window.scrollY

转载 作者:IT王子 更新时间:2023-10-29 03:13:52 28 4
gpt4 key购买 nike

当试图找出网页从顶部滚动了多少时,应该使用以下哪一个:

document.body.scrollTop,

document.documentElement.scrollTop,

window.pageYOffset,

window.scrollY

在这两个不同的场景中我会选择哪一个:

a) 如果我想要最大的兼容性(跨当前使用的主要浏览器)?

b) 如果我想要大多数标准兼容/面向 future /严格模式兼容的代码(但不关心支持旧的/非标准浏览器)?

最佳答案

我在 skrollr 源代码中使用了其中三个

return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;

https://github.com/Prinzhorn/skrollr/blob/b98d40820b9864be275e81af382045d72cc5a08a/src/skrollr.js#L627

a) 到目前为止,它适用于所有浏览器(过去一年没有人提示)。

b) 因为它将使用第一个定义的,我想它是 future 的证明和稳定的。

如果你喜欢,你也可以这样做

Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop)

关于javascript - body.scrollTop vs documentElement.scrollTop vs window.pageYOffset vs window.scrollY,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19618545/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com