【问题标题】:My website doesn't scroll on mobile devices [closed]我的网站无法在移动设备上滚动 [关闭]
【发布时间】:2015-03-04 08:58:37
【问题描述】:

我找不到在移动设备上启用网站滚动功能的方法(在 iOS 8 Safari 和 Chrome 上测试)。 它在桌面上完美运行

我使用 Safari 开发工具包删除和测试了代码的不同部分,最后只得到了带有简单文本的头部标签和正文标签,我的网站仍然无法滚动。所以我的猜测是它是在页面加载时发生的。

我的网站可以看到here

【问题讨论】:

    标签: css mobile mobile-safari viewport


    【解决方案1】:

    在您的 css 中添加以下行:

    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    

    【讨论】:

    • 添加到正文 {} 但似乎也不起作用!
    【解决方案2】:

    临时解决方法是将您的 body 标签设置为 height:100%。

    body {
        height:100%;
    }
    

    一旦您的网站中有内容,就应该没问题。

    【讨论】:

    • 谢谢,但它不起作用!
    • 先做一个 html 验证 - 你的网站有很多错误。 validator.w3.org
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多