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

Question

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

帮帮我。

Answer 1

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

<强> CSS

body {
  overflow: hidden;
}

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

调整480px以满足您的特定需求。 Here is a fiddle that shows this query working当您将浏览器的大小调整为低于480px时，您会看到滚动条返回。

如果这对您有用，请告诉我。正如您所看到的那样，我们将overflow设置为隐藏在正文上（正如您现在所见），并且使用此@media查询时，我可以在宽度为480px或更低时将其恢复。