页面间导航时防止闪烁的方法

问题描述 投票:0回答:2

我必须说,过去三个小时的搜索让我筋疲力尽。我知道这个问题之前已经被调查过,并且我尝试了多种解决方案但无济于事。

我有一个带有母版页的 asp.net 网站,其中包含用于在不同页面之间导航的顶部导航菜单。我想防止在这些页面之间导航时闪烁。我只是记下这种闪烁在 IE 和 Chrome 中发生,而在 Firefox 中不会发生。

我尝试过的方法:

  • 使用多种元标签解决方案,例如:

    <meta http-equiv="Page-Exit" content="Alpha(opacity=100)" />

  • 使用 updatepanel 将 contentplaceholder 包装在母版页中

  • 仅将导航菜单包装在更新面板中。

这些方法都不起作用,我真的不认为使用 iframe 对于我的情况来说是一个好的解决方案。

还有其他解决办法吗?

asp.net ajax master-pages flicker
2个回答
0
投票

问题似乎是我的 head 部分有很多 javascript 文件,所以当我将其移动到底部、就在结束 body 标记之前时,闪烁得到了显着减轻。 这个解决方案可以在this关于堆栈溢出的问题中找到。


0
投票

这称为 FOUC(无样式内容的闪现),可能是由 @import CSS 语句引起的。在某些情况下,它是特定于浏览器的,现在不会经常发生:

https://en.wikipedia.org/wiki/Flash_of_unstyled_content

有时,只需确保先加载 CSS 即可解决此问题:

https://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/

© www.soinside.com 2019 - 2024. All rights reserved.