javascript - 用两个手指手势实现水平滚动

Question

我正在尝试在笔记本电脑上使用两指手势实现水平滚动。我正在尝试找到适用于 IE、chrome 和 safari 的解决方案。目前我尝试使用鼠标滚轮事件来简单地捕获滚动事件。我想我可以使用 deltaX 和 deltaY 来确定它是否在垂直和水平滚动。

$('#ryan').on('mousewheel', function (event) {
    if (event.originalEvent.deltaX > 0) {
        console.log(event.originalEvent.deltaX);
        console.log("horizontally");
        console.log(event.deltaX);
}

这是一个fiddle这是行不通的。我也不确定我是否遗漏了另一个事件。

Answer 1

我从来没有这样做过，但是 jquery 有一个文档齐全的滚动元素处理程序

我会努力

$('#ryan').scroll(function(event) {
    if (event.originalEvent.deltaX > 0) {
        console.log(event.originalEvent.deltaX);
        console.log("horizontally");
        console.log(event.deltaX);
});

http://api.jquery.com/scroll/