getBoundingClientRect().top 值在 iphone 上的 safari 浏览器上不一致

Question

我的 Web 应用程序中有一个滚动事件侦听器。在滚动事件侦听器内，我尝试计算滚动元素的

getBoundingClientRect().top

值。除了 IOS 应用程序中的 safari 浏览器之外，该值在所有浏览器中都是一致且正确的。如果我们滚动得快一点，该值就会到处都是。这是 IOS 上的 safari 浏览器中的错误还是有任何黑客攻击。

IOS版本 - 17.2.1

Answer 1

我认为这是因为利润崩溃。如果您称为

top

的子节点定义了

getBoundingClientRect()

，您将得到不同的

margin-top

。由于某种原因，Safari 包含它，而其他浏览器不包含它。