是否有一种简单的方法可以使可滚动div从positionA到positionB进行动画处理？

问题描述

我正在功能组件内使用react-virtualized列表。它允许您为可评分列表div设置参考。我有一个onScroll函数，该函数当前正在捕获滚动列表的scrollTop位置并将其存储在fromPosition中。我还有一个变量，用于存储要滚动到的toPosition。

有没有人有一种干净的方法来使List组件以平滑的动画方式从fromPosition滚动到toPosition ...并在任何状态改变时触发（triggerVar）？

解决方法

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

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

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