Html 当元素从相对位置定位到固定位置,但腾出的空间保持固定高度时,是否会发生页面回流

Html 当元素从相对位置定位到固定位置,但腾出的空间保持固定高度时,是否会发生页面回流,html,css,dom,Html,Css,Dom,我正在处理一个元素,一旦你滚动过去,它就会粘在页面顶部。为了防止它下面的内容向上移动,我会获取即将变为粘性的元素的父元素的当前高度,并将其作为内联样式添加,纯粹是为了用户体验,这样用户就不会因为事物的跳跃而迷失方向 我想知道这是否为性能增加了好处?仅仅改变元素的位置就导致了页面回流,还是我在使子元素粘滞之前,通过对元素父元素应用固定的高度来防止页面回流 仅仅改变元素的位置就导致了页面回流吗 是的,看。即使你作为用户可能看不出有什么不同,网站也被重新粉刷过 我想知道这是否为性能增加了好处 重新绘制

我正在处理一个元素,一旦你滚动过去,它就会粘在页面顶部。为了防止它下面的内容向上移动,我会获取即将变为粘性的元素的父元素的当前高度,并将其作为内联样式添加,纯粹是为了用户体验,这样用户就不会因为事物的跳跃而迷失方向

我想知道这是否为性能增加了好处?仅仅改变元素的位置就导致了页面回流,还是我在使子元素粘滞之前,通过对元素父元素应用固定的高度来防止页面回流

仅仅改变元素的位置就导致了页面回流吗

是的,看。即使你作为用户可能看不出有什么不同,网站也被重新粉刷过

我想知道这是否为性能增加了好处


重新绘制/回流通常很快,尤其是当您仅更改布局的一小部分时。但是对性能有更大影响的是跟踪滚动的方式。历史上,这主要是通过使用。但是,有一种更好、更高效的方法可以使用。它有并且有一个。

更多关于
IntersectionObserver
:。