モバイルでのスライド判定をより安定させる

現在Monacaでアプリを作成していて、スライドさせて開くメニューが不安定でどうしたらいいでしょうか。

現在のコード

javascript
1window.addEventListener("load", function(event) {
2    var touchStartX;
3    var touchStartY;
4    var touchMoveX;
5    var touchMoveY;
6 
7    // 開始時
8    window.addEventListener("touchstart", function(event) {
9    event.preventDefault();
10    // 座標の取得
11    touchStartX = event.touches[0].pageX;
12    touchStartY = event.touches[0].pageY;
13    }, false);
14 
15    // 移動時
16    window.addEventListener("touchmove", function(event) {
17    event.preventDefault();
18    // 座標の取得
19    touchMoveX = event.changedTouches[0].pageX;
20    touchMoveY = event.changedTouches[0].pageY;
21    }, false);
22 
23    // 終了時
24    window.addEventListener("touchend", function(event) {
25    // 移動量の判定
26    if (touchStartX > touchMoveX) {
27        if (touchStartX > (touchMoveX + 50)) {
28        //右から左に指が移動した場合
29        close();
30        }
31    } else if (touchStartX < touchMoveX) {
32        if ((touchStartX + 50) < touchMoveX) {
33        //左から右に指が移動した場合
34        setTimeout(() => {
35        open();
36        }, 10);
37        }
38    }
39    }, false);
40}, false);

別で、open()とclose()は記入してあります。ここで、この処理だと、スライドしていないのにタッチだけでopen()が実行されたりして、不安定になります。
よくアプリなどのスライドの、指でスライドしている位置に自動でついてくるようなスムーズなメニューにするような処理はないでしょうか。
それか、現在の処理をより安定させる方法はありますか？