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

发布于 2024-12-08 10:32:09 字数 342 浏览 0 评论 0原文

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

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

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

我正在尝试做什么是有如果用户向下/向上滚动 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...

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

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

在巴黎塔顶看东京樱花 2024-12-15 10:32:09

在我看来,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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文