如何在高度为 100vh 的容器上捕获滚动

问题描述

在我的 React-static 项目中，我想为宽度为 100vw 且高度为 100vh 的 div 制作“我自己的滚动条”。由于它的高度正常滚动事件不会被触发。 div 中有一个子页面，向上/向下滚动后，我想导航到上一个/下一个子页面。

我尝试做这样的事情：

const handleScroll = e => {
  if (e.deltaY < -10) {
    navigateUp();
  } else if (e.deltaY > 10) {
    navigateDown();
  }
}

<div onWheel={handleScroll}></div>

通过这种方法，我可以在子页面之间导航，但是更改的子页面数量取决于滚动量。我想总是向上/向下切换 1 个子页面，所以我想我需要找到一种方法来检测 onWheel 事件何时结束？

如果有任何建议，我将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）