如何阻止用户水平拖动页面？ [复制]答案

【问题标题】：how can i stop users from dragging a page horizontally? [duplicate]如何阻止用户水平拖动页面？ [复制]
【发布时间】：2013-09-09 12:30:05
【问题描述】：

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

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

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

【问题讨论】：

我在问如何阻止人们用鼠标左右拖动页面
在那个线程上你的确切问题有答案。
作为该问题状态的答案；在滚动事件之前取消可能导致滚动的事件，并在滚动以某种方式通过网络时实现“对齐默认值”。
他们能用这个垂直滚动吗？

标签： javascript jquery html css

【解决方案1】：

我想在DIV上使用overflow:hidden并使用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>

【讨论】：

这很好，谢谢

【解决方案2】：

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

【讨论】：

按住鼠标左键向右拖动仍然可以拖动