javascript - 当 scrollTop 为 0 时,如何检测用户正在滚动 div 内容?

标签 javascript jquery html css

我有一个 div,其中一些元素具有 overflow-y: scroll 属性。现在,我已经为 scroll 事件编写了 jQuery 代码。当我滚动内容时它工作正常。但是当 scrollTop0 时,它不起作用,因为 scroll 事件仅在您真正滚动时才起作用。当 top 为 0 时,滚动停止。

那么在 scrollTop 设置为 0 后,有什么方法可以检测用户是否仍在滚动?

$("#nbody").on("scroll", function(){
       if(this.scrollTop === 0) {
         //this works only when scrollTop changes from 0+n value.
       }
});

最佳答案

您可以考虑几个选项:

  1. 使用 onWheel 回调 ( https://www.w3schools.com/jsref/event_onwheel.asp )。这不适用于 Safari 和 IE <= 8
  2. 寻找模拟此功能的第三方库
  3. 使用一个隐藏的 div 和一些 CSS 捕捉那里的所有滚动。这将需要你一些修修补补。您可以使用 javascript 将 div 的 scrollTop 设置为 > 0。

关于javascript - 当 scrollTop 为 0 时,如何检测用户正在滚动 div 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47014779/

相关文章:

javascript - 将 `fs.readdir` 与 `.then` 链接以返回数组

javascript - Gulp-filter 正在过滤..什么都没有

javascript - JQuery-DataTables-ColumnFilter 过滤问题

javascript - 在 Blogger 中的相同标签下导航下一篇和上一篇文章

javascript - 超时没有发生 - 简单的 Javascript

javascript - 从 html 代码(在另一个组件上)以 Angular 2 制作 pdf

jquery - 检查输入标签是否已输入文本的选择器是什么?

jquery - 同位素过滤按钮状态不起作用

javascript - Masonry.js 没有生效

html - Internet Explorer 中的字体大小不同