javascript - 画像カルーセルの水平スクロールに関する問題

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);

});

PS: コードはこの JQuery プラグインの上で動作します。

通常のマウス ホイールでテストしたときの問題の見方は、実際には指が止まると同時にホイールが停止するため、コンソール ログにエラーが表示されていても、1 か月前に簡単にナビゲートし続けることができました。口をApple Magic Mouseに変更し、強くひっくり返すと、エラーログがまだエラーをカウントしているように気づき、最後に到達するまで続行できません。ノートブックのタッチパッドでまだテストしていませんが、同じ問題のように感じますそこに残り、私は彼らがそれを修正する方法を探しています.