javascript - 如何阻止用户水平拖动页面？

Question

我的页面具有水平滚动功能，当按下按钮时，包含滚动内容的 DIV 会向左移动。

该元素的宽度是 18000px，所以它有一个我禁用的水平滚动条。

但是我仍然可以左右拖动我的页面，我想阻止用户这样做。我的问题有css解决方案吗？谢谢你的时间

Answer 1

我想overflow:hidden在 DIV 上使用并使用 javascript 来控制margin-left左右移动就可以了

编辑添加示例：

<!-- The "Frame" -->
<div class="container" style="width:1024px;overflow:hidden">
  <div class="very-long-div" style="width:18000px">
     Your awesome content here
  </div>
</div>

Answer 2

在您的 CSS 中，通过执行隐藏水平滚动条body{overflow-x:hidden;}。