用两指手势实现水平滚动答案

【问题标题】：implementing horizontal scrolling with two finger gesture用两指手势实现水平滚动
【发布时间】：2014-12-23 08:05:03
【问题描述】：

我正在尝试在笔记本电脑上使用两指手势实现水平滚动。我正在尝试找到适用于 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。我也不确定是否还有其他我错过的活动。

【问题讨论】：

标签： javascript jquery css event-handling gesture

【解决方案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/

【讨论】：