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

Question

我有一个使用水平布局的网页。在移动设备上，我希望水平是唯一可滚动的方向，因此用户无法向上或向下移动页面。

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

页面为cosmicatlas.ajread.com/timeline.html。

Answer 1

使用此css

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

Answer 2

试试这个

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

此@media有助于在CSS内工作，屏幕宽度为480px，即正常的移动屏幕和overflow-y: hidden禁用垂直滚动

Answer 3

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