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/

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

1 个答案: