HTML 页面不会在移动设备上滚动

时间:2021-02-05 19:49:48

标签: javascript html css scroll overflow

在为我的项目创建布局时,我遇到了一个大问题。我无法强制网页在移动设备上滚动。您可以在此处查看页面的行为方式:https://abeedesk.com/beta

这就是我拥有的 css。我还尝试通过 JS window.onload 强制溢出 bo 更改它,但没有帮助。

谢谢您的时间!

@media only screen and (max-width: 512px) {
  body {
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
    overflow: scroll;
  }
}

2 个答案:

答案 0 :(得分:0)

删除最大高度:100vh

@media only screen and (max-width: 512px) {
  body {
-webkit-overflow-scrolling: touch;
height: auto;
overflow: scroll;

} }

答案 1 :(得分:0)

您的 Js 文件“scripts.432fe7153128e7650472.js”是滚动在移动设备上不起作用的原因。 在移动设备上正常滚动后,我使用网络属性在浏览器中禁用了“scripts.432fe7153128e7650472.js”。