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

标签 javascript jquery css

有没有一种方法可以在应用某些 CSS 样式后获取元素的 offsetTop 的值而不实际应用该 CSS?

例如,如果一个元素的 CSS 当前是:

position: absolute;
top: 45px;

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

顶部:自动;

没有实际应用 top: auto;

如果我们真的应用它,即使是很短的时间,它也会导致闪烁。

最佳答案

有一个简单的技巧:

渲染元素但保持其不可见(使用 opacity: 0visibility: hidden 或将其定位在视口(viewport)之外)并使用 JavaScript 计算其尺寸。这样您就可以避免 FOUC 问题。

关于JavaScript - 有没有办法在应用假设的 CSS 样式后获取元素的 offsetTop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36155322/

相关文章:

javascript - 不同的页面延迟加载到 div 中

html - 对齐 iframe

css - 如何克服Webkit zoom 相关问题的考验和磨难?

javascript - 是否可以使用jquery从嵌入文件中访问DOM信息?

javascript - 使用 JavaScript 创建表格

java - JSP - 单击链接时如何提交表单?

javascript - 使用jquery进行ajax调用并更新表单提交上的元素

css - 对象位置的关键帧动画在 Safari 中不起作用

javascript - 在 ReactJS 中,放置由初始传入参数计算一次并且再也不会更改的值的最佳位置在哪里?

javascript - 从服务器文本动态构建 Ember 组件