图像转盘中的水平滚动问题

Question

我尝试了不同的方法来设置图像滚动的水平滚动，并最终做到了这一点，但不幸的是，我不知道如何使用Flickity图像滑块来解决以下问题。浏览器控制台显示以下错误：

无法设置未定义的属性"x"
无法读取未定义的属性"x"

正如您在codepen.io的示例中看到的那样，这些行为非常糟糕

$('.gallery').mousewheel(function(e) {
    e.preventDefault();
    var flkty = Flickity.data(this);
    if (!window.wheeling) {
        // console.log('start wheeling!');
        if(e.deltaX > 0 || e.deltaY < 0){
            flkty.next();
        } else if(e.deltaX < 0 || e.deltaY > 0){
            flkty.previous();
        }
    }
    clearTimeout(window.wheeling);
    window.wheeling = setTimeout(function() {
        // console.log('stop wheeling!');
        delete window.wheeling;
        // reset wheeldelta
        window.wheeldelta.x = 0;
        window.wheeldelta.y = 0;
    }, 50);
    window.wheeldelta.x += e.deltaFactor * e.deltaX;
    window.wheeldelta.y += e.deltaFactor * e.deltaY;
    if(window.wheeldelta.x > 500 || window.wheeldelta.y > 500 || window.wheeldelta.x < -500 || window.wheeldelta.y < -500){
        window.wheeldelta.x = 0;
        window.wheeldelta.y = 0;
        if(e.deltaX > 0 || e.deltaY < 0){
            flkty.next();
        } else if(e.deltaX < 0 || e.deltaY > 0){
            flkty.previous();
        }
    }
    // console.log(window.wheeldelta);
});

p.S：该代码在这个JQuery插件之上运行。

当我用普通鼠标滚轮测试它时，我看到的问题是这样的，事实上，当你的手指停止时，滚轮也会同时停止，所以尽管控制台日志中有错误，你仍然可以轻松地继续导航，一个月前，我把我的嘴改成了苹果魔术鼠标，如果我用力翻转，我会注意到错误日志仍在统计错误，我无法继续，直到它结束，我还没有在笔记本触摸板上测试它，但我觉得同样的问题仍然存在，我正在寻找他们的方法来解决它。

Answer 1

您没有在任何位置设置window.wheeldelta变量，因此无法将x或y分配给它。在代码开头添加一个位置：

window.wheeldelta = {x: 0, y: 0};