wordpress - 仅使用移动视图在站点中进行水平滚动和垂直滚动

Question

我想在用于查看移动视图时仅显示垂直滚动到我的网站。当我以前在移动设备中查看时，我想删除到我的网站的水平滚动。我在移动视图中有长页面垂直滚动没有出现。

帮我。

Answer 1

我认为您可以使用@media查询和overflow-x或overflow-y来控制滚动条，因此您可以将其结合起来：

CSS

body {
  overflow: hidden;
}

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

调整 480px 以满足您的特定需求。这是一个小提琴，当您将浏览器的大小调整为低于 480 像素时，显示此查询有效，您可以看到滚动条回来了。

让我知道这是否适合您。正如你所看到的，我们overflow在 body 上设置了隐藏（就像你现在一样），通过这个@media查询，我可以在宽度为 480 像素或更低时将其恢复。