原因 页面内容高度发生变化引起滚动条跳动的问题。浏览器会自动触发onscroll事件，调整滚动条的位置，让滚动条不乱跳动 ; 懒加载的时候由于不断更新列表项内部的高度，因此就会使浏览器自动触发滚动事件，而滚动事件又触发懒加载的更新，形成死循环，造成自动滚动的问题。 解决 在父元素中添加样式overflow-anchor:none就正常了。不知道为啥只有react18，root.render()方式才会有问题 github issues
本文探讨了页面内容高度变化导致滚动条异常跳动的原因及解决方案。详细解释了懒加载过程中形成的死循环，并给出了解决方法：通过在父元素中添加overflow-anchor:none样式来避免滚动条的异常行为。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
