React Table 切换页码回到顶部:解决 window.scrollTo(0, 0) 失效问题
如果使用 'window.scrollTo(0, 0)' 不起作用,可能是由于 React 的虚拟 DOM 重新渲染导致 'window.scrollTo' 方法无法正确定位到顶部。在这种情况下,可以尝试使用 'scrollIntoView' 方法来滚动到列表的顶部。
首先,在列表的顶部元素中添加一个 'ref' 属性:
<div ref={topRef}></div>
然后,在切换页码的处理函数中,使用 'scrollIntoView' 方法来滚动到顶部:
const handlePageChange = (page) => {
// 切换页码的逻辑
// 滚动到列表的顶部
topRef.current.scrollIntoView({ behavior: 'smooth' });
}
这样,当切换页码时,页面应该会平滑地滚动到列表的顶部。
原文地址: https://www.cveoy.top/t/topic/pkna 著作权归作者所有。请勿转载和采集!