ナビゲーションスワイプを無効にしようとしています。ユーザーが左または右にスワイプしたときに Web ページを前後に移動させたくありません。
動作を妨げている html 要素で touch-action を none に設定できることに気付きました。ただし、オーバーフローのある子要素をスクロールすると、スクロールが「連鎖」し、戻るナビゲーションが可能になります。
そこで、html 要素に -ms-scroll-chaining: none を追加することを考えましたが、要素がスクロールする場合にのみ機能します。したがって、overflow: scroll on html を追加すると、実際にうまくいきます。しかし、今では他のブラウザにスクロールバーが表示されています。
これを行う正しい方法は何ですか?
html {
-ms-touch-action: none; /* Doesn't work if scrolling from child element */
-ms-scroll-chaining: none; /* Works only with the next line */
overflow: scroll; /* With this line all the other browsers have a scrollbar */
}