有没有办法在 iOS 上的 Safari 中禁用向后滑动动画？

我想在 SPA 上完全禁用向后滑动动画。这将允许我在 SPA 中使用一些滑动手势。目前，在 iOS 上，当触发某些手势时，您往往还会触发向后滑动手势。

我找到了关于如何禁用它的上一篇文章：iOS 7 - 有没有办法禁用 Safari 中的向后和向前滑动功能？

他们建议如下：

1) 仅修复 Chrome/Firefox 的 CSS

html, body {
    overscroll-behavior-x: none;
}

2) Safari 的 JavaScript 修复

if (window.safari) {
    history.pushState(null, null, location.href);
    window.onpopstate = function(event) {
        history.go(1);
    };
}

问题是它不会停用 iOS 上的向后滑动动画，它只是替换您重定向到的位置。有没有办法同时禁用 iOS 上的滑动返回动画？如果没有办法做到这一点，是否意味着如果您打算拥有 iOS 客户，那么在构建 PWA 时就不能真正使用任何滑动手势？

在 iOS 13.4+ 中，您现在可以preventDefault() on the "touchstart"开始事件以停止导航操作。

假设我们有一个<div class="block-swipe-nav">在跨越视口整个宽度的页面上，我们希望防止在该元素上滑动导航。

const element = document.querySelector('.block-swipe-nav');

element.addEventListener('touchstart', (e) => {

    // is not near edge of view, exit
    if (e.pageX > 10 && e.pageX < window.innerWidth - 10) return;

    // prevent swipe to navigate gesture
    e.preventDefault();
});

我写过关于阻止滑动的短文以及一些附加信息。