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 - 在 Ionic 的自定义按钮上实现 Css 和 Js 功能

javascript - 向函数添加多个语句

php - 通过Ajax发送上传的文件名

jquery - 网页开发 - 整个 "scalable"网站没有 flash,可能吗?

html - 当用户输入任何数据时如何防止ipad滚动

java - 滚动 Android 时 ListView 中的复选框不保存状态

javascript - Cordova OnsenUI 应用程序中的 Google map V3( map 显示在浏览器中,但不在手机上)

javascript - 正确解析 JSON 数据

jquery - Angular 数仅输入限制 0

Javascript:在 div 上执行的 scrollBy 函数