javascript - 在 iPad 中创建水平滚动（使用 Hammer JS 库防止垂直滚动）

Question

我试图防止在应用程序内显示的页面中垂直滚动。我正在寻找使用 Hammer JS，但我不确定我应该如何使用它。我已经使用 event.preventDefault() 尝试了几个事件，但它似乎不起作用。

例如：

    $(document).hammer().on('swipeup', 'body',
        function(event)
        {
            event.preventDefault();
        }
    );

有任何想法吗？

score 1 · Accepted Answer

我不知道是否需要使用 Hammer JS，但我已经成功地在 iOS 中使用 iScroll 4 https://github.com/cubiq/iscroll实现了水平滚动（和禁用垂直滚动）（示例：http ://cubiq.org/iscroll-4 )

当您调用 iScroll 时，在选项中传递 hScroll: true 和 vScroll: false，如下所示：

new iScroll('XYZ', { hScroll: true, vScroll: false });

score 0 · Accepted Answer

我无法让它仅与 Hammer 调用一起使用，但添加它应该可以：

$(document).addEventListener("touchmove", function (e) { 
    e.preventDefault(); 
}, false);

2 回答 2