【问题标题】:How do i avoid a flash of unstyled content (FOUC) on Google Sites如何避免 Google 协作平台上出现无样式内容 (FOUC)
【发布时间】:2016-02-16 00:45:50
【问题描述】:

我在我的 google 站点的 HTML 框中放置了一些自定义 HTML、CSS 和 jQuery。但是随着页面加载,未格式化的内容会显示几秒钟,直到加载完成。尝试添加以下内容:

html { 可见性:隐藏; }

稍后在 jQuery 中将其重新打开似乎无法在 Google 网站中工作。

有人有其他建议吗?

【问题讨论】:

    标签: fouc


    【解决方案1】:

    我不知道这是否适用于谷歌网站,但使用 <body style='display:none;'> 然后在jQuery文档就绪函数的地方 $("body").show(); 为我工作。

    由于某种原因,在 body 语句中使用样式比 CSS 文件更快,即使 CSS 文件出现在 head 部分。

    【讨论】:

      猜你喜欢
      • 2012-06-28
      • 2011-07-29
      • 2022-08-19
      • 1970-01-01
      • 2018-09-19
      • 1970-01-01
      • 1970-01-01
      • 2015-02-20
      • 1970-01-01
      相关资源
      最近更新 更多