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

Question

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

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

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

标签： jqueryhtmlcssscroll

Answer 1

使用这个 CSS

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