在某些情况下，我们希望页面的内容在可见区域内完全展示，不希望用户能够横向滚动页面。下面将介绍两种方法来实现这个目标。
  
方法一：使用CSS
  
我们可以通过CSS样式来控制页面的滚动情况。为了禁止横向滚动，我们可以在CSS文件中设置body元素的overflow-x属性为hidden。
  
    body {
      overflow-x: hidden; /* 禁止横向滚动 */
    }
  
  
方法二：使用JavaScript
  
另一种方法是使用JavaScript来禁止横向滚动。我们可以通过以下代码将文档的滚动条位置设置为0，从而实现禁止横向滚动的效果。
  
    document.body.scrollLeft = 0;   // 将文档滚动条位置设置为0
  
  
以上两种方法都可以禁止横向滚动，可以根据具体的需求选择使用哪种方法。
  
总之，通过CSS或JavaScript的方式，我们可以很容易地实现禁止横向滚动的效果，确保页面内容在可见区域内完全展示。