【问题标题】:Page jumps when loading in Chrome在 Chrome 中加载时页面跳转
【发布时间】:2016-12-20 17:42:50
【问题描述】:

解决页面在 Chrome 中加载时跳转的问题。其他浏览器不会出现问题。顶部有一个静态导航,不会闪烁或跳转,但横幅图像和页面其余部分在加载或重新加载时会短暂上下移动。有一个 FOUC 问题,我通过在标题中将 css 移动得更高来解决这个问题。可能有关系。关于如何让这种跳跃完全消失的任何想法?我也尝试过使用此处列出的 JS/CSS http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content 的解决方案,但没有运气。

http://www.mettapartners.org

【问题讨论】:

  • 我们能得到详细信息吗?获取您的网站将是一个好的开始,或者如果您愿意,只需给我们代码。你必须给我们一些可以合作的东西
  • 尝试将js移到页面底部。这可能是JS减慢加载的问题
  • 谢谢,看来已经成功了!
  • 请接受我的回答

标签: javascript jquery html css google-chrome


【解决方案1】:

尝试将您的 javascript 文件移动到页面底部。这是标准做法——页面顶部的 JS 会减慢加载速度,并可能导致诸如此类的错误。

一般来说,在 HTML 中使用这个顺序:

样式表 (CSS)

内容 (HTML)

脚本 (JavaScript)

【讨论】:

  • 这个最佳实践可能是您目前所需要的,但问题可能会在稍后再次出现(更多代码、网络不佳等),除非您找到根本原因并解决问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-09
  • 2016-06-17
相关资源
最近更新 更多