javascript - 通过手指滑动禁用水平滚动

Question

这可能只是一个 mac 问题，但我有一个页面，其中有一个元素是页面大小的两倍，并且动态移动到 View 中。 在我的 css 中设置了 overflow-x:hidden 这样这个元素就不会创建一个丑陋的底部 scollbar，问题出在我的笔记本电脑上(可能在 ipad 和其他设备上)我可以滑动用两根手指滚动和查看此内容。这破坏了整个布局并且看起来非常糟糕，我正在寻找一种方法来使用 javascript 或 css 完全禁用此水平滚动操作。

谢谢

Answer 1

JavaScript:

 window.onscroll = function () {
     window.scrollTo(0,0);
    }

每当用户尝试滚动时，这将使滚动条返回到其原始 (0,0) 位置。让我知道这是否适用于笔记本电脑，因为我在台式机上。