通过鼠标滚轮按下事件在网站上滚动了多少像素？

发布于 2024-12-09 22:31:55 字数 209 浏览 1 评论 0原文

我正在编写一个自定义滚动条并捕获 mousewheel 事件。我使用它来调整我想要滚动的元素的scrollTop。

向下滚动的像素数是否有标准，或者因系统而异？

我在最新版本的 Firefox 中显示 114px：

在此处输入图像描述

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

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

云雾 2024-12-16 22:31:55

许多鼠标驱动程序允许您设置鼠标滚轮滚动的距离，因此没有标准距离。我会尝试你的代码一段时间，并选择一个距离，让你不会整天滚动，但每次滚动时都不会跳一英里。你需要“感觉”一下。让朋友提供反馈，让几只手接触这种东西会有所帮助。

回复收藏 0 原文

梦巷 2024-12-16 22:31:55

我注意到在 Google Chrome 中 - 每次鼠标滚动 100px

回复收藏 0 原文

梦里人 2024-12-16 22:31:55

对于 Firefox，您有 MozMousePixelScroll 事件，该事件报告应在 e.detail 中滚动的像素数。

window.addEventListener('MozMousePixelScroll', function(e) {
    console.log(e.detail);
});

对于许多其他浏览器，您有 mousewheel 事件报告 e.wheelDeltaY，但它们不是以像素为单位，您必须猜测要滚动的量。

另请参阅 SproutCore 如何在自己的框架中处理滚动（他们也在编写自己的滚动视图）： http://blog.sproutcore.com/scrolling-in-sproutcore/

For Firefox, you have the MozMousePixelScroll event, which reports the number of pixels that should be scrolled in e.detail.

window.addEventListener('MozMousePixelScroll', function(e) {
    console.log(e.detail);
});

For many other browsers, you have the mousewheel event that reports e.wheelDeltaY, but they are not in pixels and you will have to guess the amount to be scrolled.

Also see how SproutCore handles scrolling in their own framework (they're writing their own scrolling view too): http://blog.sproutcore.com/scrolling-in-sproutcore/

回复收藏 0 原文