setSwipe スマホ 縦スクロール もたつく 反応しづらい

Question

スマホ用の画面では、setSwipeを用いて横方向のスワイプでサイドバーの出し入れを行っているのですが、

これを用いると、縦方向にスワイプしようとするともたついたり、反応しなかったりします。

試しにsetSwipeが書かれたjsを消すと縦にちゃんとスワイプできるようになるので、

このjsに問題があるのですが、修正点などありましたら教えて頂けきたいです。

$(function() { function setSwipe(elem) { 
    let t = document.querySelector(elem); 
    let startX; 
    let startY; 
    let moveX; 
    let moveY;  
    let dist = 200; 
    t.addEventListener("touchstart", function(e) { e.preventDefault(); startX = e.touches[0].pageX; startY = e.touches[0].pageY;}, {passive: true});
    t.addEventListener("touchmove", function(e) { e.preventDefault(); moveX = e.changedTouches[0].pageX;moveY = e.changedTouches[0].pageY; }, {passive: false});
    t.addEventListener("touchend", function(e) { if (startX > moveX && startX > moveX + dist) { $(".menubar").toggleClass("show"); } 
    else if (startX < moveX && startX + dist < moveX) { $(".menubar").toggleClass("show"); } }, {passive: false}); }; 
    setSwipe('.f-container'); });

Answer 1

setSwipe('body');
で
ちゃんと動くようになりました。