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

Question

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

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

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

Answer 1

使用这个CSS

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