JavaScript - 有没有办法在应用假设的 CSS 样式后获取元素的 offsetTop

JavaScript - Is there a way to get the offsetTop of an element after hypothetical CSS styles are applied?

本文关键字：样式 CSS 获取 offsetTop 元素假设有没有应用 JavaScript 更新时间：2023-09-26

有没有办法在应用某些 CSS 样式后获取元素offsetTop的值，而无需实际应用该 CSS？

例如，如果元素的 CSS 当前为：

position: absolute;
top: 45px;

有没有办法知道该元素的offsetTop用途：

top: auto;

没有实际应用top: auto;？

如果我们真的应用它，即使是很短的时间，它也会引起闪烁。

有一个简单的技巧：

渲染元素但使其不可见（使用 opacity: 0 或visibility: hidden或将其放置在视口之外）并使用 JavaScript 计算其尺寸。这样，您将避免FOUC问题。