Ios 如何在移动Chrome/Safari中防止对角线滚动

在iOS上的Chrome和Safari中是否有一种方法可以限制每次滚动一个方向？换句话说，如果我开始垂直滚动元素，我想关闭用户水平滚动的功能，直到垂直滚动完成。反之亦然

在iOS本机代码中称为，在Microsoft浏览器中称为

Chrome for iOS（或Safari for iOS，因为它们在引擎盖下使用相同的渲染引擎）会识别CSS中是否存在类似的内容

---

如果没有，是否有一个javascript解决方案可用，理想情况下是一个与React兼容的npm包？

如果您想要一个纯CSS解决方案，不幸的是，规范中没有关于一次锁定滚动到单个轴的内容

如果您的用例需要一次将滚动行为锁定到一个轴上，那么这里有一些很棒的观点，包括一些普通的JS解决方案