Question

我正在创建一个使用jquery.mousewheel.js插件检测用户鼠标滚轮的Web应用程序，然后在这两个部分之间滚动。

body元素也设置为overflow:hidden，因此我无法检测到滚动事件。

它在桌面上完美运行，但我在iPhone上尝试过，它根本不会触发鼠标滚轮事件。那么我正在使用的插件是否有某种附加组件或者我可以侦听的替代事件，这将告诉我用户何时尝试垂直向下/向上滚动？

Answer 1

使用类似Hammer.js的内容，您可以通过swipeup＆amp; amp; swipedown事件，它甚至包括一个jquery插件，所以你可以写下以下内容：

$("html, body").hammer().on("swipedown", function(e) {
    // do scroll up stuff

});

$("html, body").hammer().on("swipeup", function(e) {
    // do scroll down stuff

});

Answer 2

您可以使用HammerJS捕获手势，但是您必须自己编写滚动代码。另一种选择是在启用探测的情况下使用iScroll，让您捕获滚动位置而不会干扰。更多信息：

javascript scroll event for iPhone/iPad?

jquery.mousewheel.js iPhone滚动

2 个答案: