【问题标题】:HTML page do not scroll on mobile devicesHTML 页面不会在移动设备上滚动
【发布时间】:2021-02-05 19:49:48
【问题描述】:

在为我的项目创建布局时,我遇到了一个大问题。我无法强制网页在移动设备上滚动。您可以在此处查看页面的行为方式: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;
  }
}

【问题讨论】:

    标签: javascript html css scroll overflow


    【解决方案1】:

    删除最大高度:100vh

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

    } }

    【讨论】:

    • 很遗憾,不是这样
    【解决方案2】:

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

    【讨论】:

    • 是的,确实如此,但随后应用程序不起作用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-15
    • 2021-06-26
    • 1970-01-01
    • 2014-01-04
    相关资源
    最近更新 更多