在移动设备上禁用垂直滚动（但不是水平滚动）

【问题标题】：Disable vertical scrolling (but not horizontal) on mobile在移动设备上禁用垂直滚动（但不是水平滚动）
【发布时间】：2018-05-29 10:29:18
【问题描述】：

我有一个使用水平布局的网页。在移动设备上，我希望水平是唯一可滚动的方向，这样用户就不能向上或向下移动页面。

目前，用户可以向下滚动查看黑色空虚，这是我想要防止的。

【问题讨论】：

【解决方案1】：

使用这个 css

@media screen and (max-width: 480px) {
    body {
       max-height: 100vh;
       overflow-y: hidden;
    }
}

【讨论】：

【解决方案2】：

试试这个

@media screen and (max-width: 480px){
   body{
     overflow-y: hidden;
   }
}

@media 有助于在其 CSS 中工作到 480 像素的屏幕宽度，即正常的移动屏幕和overflow-y: hidden 以禁用垂直滚动

【讨论】：

【解决方案3】：

你可以在你的CSS中设置overflow-y: hidden;。这将禁用垂直滚动

【讨论】：