javascript - 移动设备在网站下方滚动

Question

当我在移动设备上滚动时，我的网站在 html 标签下方滚动。 我尝试了一些我发现的东西，比如隐藏 overflows 和在 body 上设置 position relative 但没有任何效果。

代码:

html {
    overflow: hidden;
    height: 100%;
    width: 725%; }

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin: 0 0 30px;
    position: relative; }

如果您使用的是谷歌浏览器，您还可以访问 www.winkelmand.nl通过使用 Chrome devtools 将浏览器置于某种移动形式来进行尝试。

请注意，您可以在向下滚动时离开页面。

额外
我还想在不丢失页面侧面内容的情况下禁用水平滚动。

Answer 1

也许您指的是最近在 Chrome 63 中添加的默认 scolliny 行为选项。 Here is an atricle

body {
  overscroll-behavior-y: contain;
}