【问题标题】:Mobile-Chrome-App not able to scroll移动 Chrome 应用程序无法滚动
【发布时间】:2014-02-08 03:48:04
【问题描述】:

我也有这个问题。我正在使用 Ubuntu,刚刚完成了 Hello world 教程。我又写了一些文字,但无法滚动。我可以看到这些词一直在哪里,但我没有尝试过让它滚动。我没有进行任何 HTML/CSS 编辑。我只是在<p> 标签中添加了更多文本。

【问题讨论】:

    标签: google-chrome-app


    【解决方案1】:

    有一些默认的 CSS 应用于 chrome 打包的应用程序。将以下内容放入您的 CSS 应该会重新启用滚动:

    html {
      overflow-y:scroll;
    }
    

    有人正在整理一个很酷的指南,其中可能有更多提示。见https://gist.github.com/maicki/7622137#scrolling

    【讨论】:

    • 感谢您的回复。我能够通过将 css 应用于 body 而不是 html 来使其工作
    【解决方案2】:

    Chrome 应用程序有一个 default stylesheet 应用于它们,以帮助网页“页面”在默认情况下更像是一个“应用程序”。

    对于移动设备上的 Chrome 应用程序,我们还包含此(嗯,几乎相同的)默认样式表。

    这就是这种行为的原因。滚动在很多情况下都非常有用,并且通过添加 overflow-y: auto; 在任何 DOM 元素中都绝对支持。

    它被简单地认为是打包应用程序的错误默认设置,这些应用程序位于设置边界的专用窗口内,并且我们鼓励不让整页内容溢出(与网络非常相反)。大多数应用程序通常用固定的导航元素包围主滚动元素(但并非总是如此)。

    仅供参考,还有另一个 open issue 用于移动版 Chrome 应用,以复制更多桌面版 Chrome 默认样式。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-05-09
      • 2018-11-15
      • 2015-08-23
      • 2014-07-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多