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

Question

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

该元素的宽度为18000像素，因此它有一个我禁用的水平滚动条。

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

Answer 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>

Answer 2

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