有没有一种简单的方法可以将可滚动的 div 从位置设置到位置 B？

Question

我在功能组件中使用反应虚拟化列表。它允许您为 scorllable 列表 div 设置一个 ref。我有一个 onScroll 函数，它当前正在捕获滚动列表的 scrollTop 位置并将其存储在 fromPosition 我还有一个变量存储我想要滚动到的 toPosition。

有没有人有一种简洁的方法可以让 List 组件以流畅的动画方式从 fromPosition 滚动到 toPosition...并在某个状态发生变化时触发 (triggerVar)？

Answer 1

您可以使用scrollTo 方法并通过将行为设置为smooth 来实现平滑滚动。

listRef.current.scrollTo({ 
  top: toPosition, 
  behavior: 'smooth' 
})

您实际上并不需要fromPosition，因为scrollTo 将从当前滚动位置滚动。