如何使用 jQuery 的scroll() 事件在每个像素移动时执行函数
我遇到了一种情况,当用户滚动页面时,我需要执行一个简单的函数。问题是 jQuery 的 scroll
方法只会间歇性地触发(显然是设计使然),但我需要一种让它在每个像素移动时触发的方法......
我已经整理了一个 js 小提琴来演示我的意思...
我正在尝试做什么是有如果用户向下/向上滚动 100 像素(每个像素一次),我的小提琴中的 console.log
会触发 100 次。这可能吗?
I've got a situation where I need to execute a simple function when the user scrolls the page. The problem is that jQuery's scroll
method only fires intermittently (by design obviously), but I need a way of having it fire on every pixel move...
I have put together a js fiddle demonstrating what I mean...
What I'm trying to do is have the console.log
in my fiddle fire 100 times if the user scrolls down/up 100 pixels (once for each pixel). Is this possible?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
在我看来,jquery 不可能在每个“像素移动”中触发事件。
但是您可以通过保存以前的位置来迭代每个像素的操作:
http://jsfiddle.net/Fn3nt/
In my opinion, it is not possible that jquery fire the event in each "pixel move".
But you can iterate your operation for each pixel by saving previous position:
http://jsfiddle.net/Fn3nt/
使用:
http://jsfiddle.net/nGtSV/5/
Use:
http://jsfiddle.net/nGtSV/5/