首页 > 解决方案 > React 如何设置滚动点 onScroll 事件

问题描述

我需要在状态上存储滚动位置。我正在通过以下方式做到这一点。但不知道它是如何不滚动 div 的。

const [scroll, setScroll] = (0)
const scrollRef = useRef(null);

 const onScroll = (e) => {
    e.preventDefault();
    setScroll(myRef.current.scrollLeft);
  };

   <div   ref={myRef} onScroll={onScroll}
        >
         <h5>item 1 </h5>
         <h5>item 2 </h5>
         <h5>item 3 </h5>
    </div>

标签: reactjs

解决方案


你在打电话e.preventDefault。这意味着会阻止默认行为。在这种情况下,滚动。删除该行,它应该可以工作。


推荐阅读