如果使用 'window.scrollTo(0, 0)' 不起作用,可能是由于 React 的虚拟 DOM 重新渲染导致 'window.scrollTo' 方法无法正确定位到顶部。在这种情况下,可以尝试使用 'scrollIntoView' 方法来滚动到列表的顶部。

首先,在列表的顶部元素中添加一个 'ref' 属性:

<div ref={topRef}></div>

然后,在切换页码的处理函数中,使用 'scrollIntoView' 方法来滚动到顶部:

const handlePageChange = (page) => {
  // 切换页码的逻辑
  
  // 滚动到列表的顶部
  topRef.current.scrollIntoView({ behavior: 'smooth' });
}

这样,当切换页码时,页面应该会平滑地滚动到列表的顶部。

React Table 切换页码回到顶部:解决 window.scrollTo(0, 0) 失效问题

原文地址: https://www.cveoy.top/t/topic/pkna 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录