使用overflow检测滚动到div顶部:在ReactJs中滚动

// 获取目标div的引用
const targetDivRef = useRef(null);

// 检测滚动并滚动到div顶部的函数
const scrollToTop = () => {
  const targetDiv = targetDivRef.current;
  if (targetDiv.scrollTop === 0) {
    // 已经滚动到div顶部
    return;
  }
  targetDiv.scrollTop = 0;
};

// 在组件中使用
<div ref={targetDivRef} style={{ height: '200px', overflow: 'auto' }}>
  {/* div内容 */}
</div>

// 获取目标div的引用
const targetDivRef = useRef(null);

// 检测滚动并滚动到div顶部的函数
const scrollToTop = () => {
  const targetDiv = targetDivRef.current;
  targetDiv.scrollIntoView({ behavior: 'smooth', block: 'start' });
};

// 在组件中使用
<div ref={targetDivRef} style={{ height: '200px', overflow: 'auto' }}>
  {/* div内容 */}
</div>