之前被触发的事件(不是之后!)DOM元素在javascript中滚动

Question

基本上,我想在滚动DOM元素之前做一些预处理.问题是滚动事件是在滚动DOM元素之后触发的.我知道当你使用鼠标滚轮滚动时,鼠标滚轮滚动事件会在滚动DOM元素之前被触发,虽然它没有为你提供预期的滚动位置,它只是一种类型的滚动.我想知道是否有任何事件被触发每个滚动方法(例如鼠标滚轮,拖动滚动条,按下向下箭头等)之前滚动DOM元素.它不一定是一个事件.我不是要滚动到某个位置,所以scrollTo不适用.

带滚动的事件链:用户滚动 - > DOM元素物理滚动 - >触发onScroll事件 - >处理东西

所需的事件链:用户滚动 - >捕获一些事件并执行我想要做的事情 - > DOM元素物理滚动 - >触发onScroll事件 - >处理东西

Answer 1

这是你可能想尝试的事情。

让您的页面overflow:hidden不出现滚动条，然后在内容上放置一个具有正确宽度和高度的绝对定位 div。当此 div 滚动时，您可以在重新触发事件之前更新任何底层内容。

您还需要传递点击等，所以这确实是一个黑客。像 jQuery 这样的东西将有助于触发事件并测量内容的高度。

编辑：csspointer-events:none可能会有所帮助，具体取决于浏览器。请参阅https://developer.mozilla.org/en/css/pointer-events