javascript - 如何使用 jQuery 的scroll() 事件在每个像素移动时执行函数

标签 javascript jquery scroll

我遇到了一种情况,当用户滚动页面时,我需要执行一个简单的函数。问题是 jQuery 的 scroll 方法只是间歇性地触发(显然是设计使然),但我需要一种让它在每个像素移动时触发的方法......

我已经整理了一个 js fiddle 来演示我的意思......

http://jsfiddle.net/nGtSV/1/

我想做的是,如果用户向下/向上滚动 100 像素(每个像素一次),我的 fiddle 中的 console.log 就会触发 100 次。这可能吗?

最佳答案

在我看来,jquery 不可能在每个“像素移动”中触发事件。
但是您可以通过保存以前的位置来迭代每个像素的操作:

http://jsfiddle.net/Fn3nt/

关于javascript - 如何使用 jQuery 的scroll() 事件在每个像素移动时执行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7661252/

相关文章:

javascript - Parsley.js 在 Safari 中的奇怪行为

javascript - JQuery Datepicker 反转下一个和上一个按钮事件

jquery - 如何使用 jquery 覆盖包含 '!important' 的 css?

jquery - 如何选择离开第一个元素的所有元素?

css - 防止背景图像允许滚动

css - 使用 "background-attachment: fixed"滚动时断断续续

javascript - 新窗口对象上的 Jquery?

javascript - 如何为 <li> 元素使用 margin-top ?

Android ListView - 在 'whole' 行位置停止滚动

javascript - 将 Clusterfck 数组转换为 JavaScript InfoVis Toolkit json 层次结构