reactjs - 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>
解决方案
你在打电话e.preventDefault
。这意味着会阻止默认行为。在这种情况下,滚动。删除该行,它应该可以工作。
推荐阅读
- javascript - 最小化窗口/浏览器选项卡时 setInterval 函数无法正常工作
- vector - 使用 mmapLayerComboBox 中的选定图层
- swift - 工作表和警报不断刷新我的 WKWebView SwiftUI 页面
- python - 每个进程的速度随着更多进程而变慢
- python - 如何在 keras 中使用 elmoformanylangs?
- tomcat - 如果我调用 connector.start(),Tomcat 9 会抱怨启动两次?
- javascript - CryptoJS 解密值与原始值不同
- prolog - 尝试获取组合时参数没有充分实例化
- javascript - 我如何获得一个 wordpress 插件以使来自前端的访问者能够按升序或降序对帖子进行排序
- python - 当本地模块中的代码发生更改时,我是否总是必须在 Jupyter Lab 中重新启动内核?