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

时间:2018-05-29 10:29:19

标签: jquery html css scroll

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

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

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

3 个答案:

答案 0 :(得分:3)

使用此css

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

答案 1 :(得分:3)

试试这个

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

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

答案 2 :(得分:2)

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