动画 DOM 元素最快的 CSS 显示属性是什么
似乎会
display: block
导致更少的回流,那么
display: table
是否还有任何 css 属性可以设置,以确保更改一个 dom 元素不会影响某些其他元素的布局,从而导致额外的重绘或回流。
it seem that
display: block
cause less reflow then
display: table
also is there any css property that could be set to make sur that changing one dom element won't affect the layout of some other element and thus causing extra repaint or reflow.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
向元素添加
position:absolute
将使该元素完全脱离页面流,因此不会导致其他元素的回流。Adding
position:absolute
to the element would take the element completely out of the flow of the page, therefore causing no reflow for other elements.您可以使用
visibility:visible;
和visibility:hidden;
。由于元素在隐藏时仍然占用空间,因此显示/隐藏它时对布局的影响很小。You can use
visibility: visible;
andvisibility: hidden;
. As the element still takes up space while it's hidden, the impact on the layout is minimal when you show/hide it.