html - (网页设计) 切换页面时,如何防止屏幕闪白?

标签 html browser

这是一个棘手的问题:当您单击网页上的链接时,它通常会使页面变白(糟糕的术语 - 我知道),但在某些情况下,如果 DOM 大部分相同,它会在两者之间转换没有闪烁的白色。我希望它每次都能顺利过渡的原因是我对看起来最好的链接产生了影响...

那么究竟是什么使得具有大致相同 DOM 的页面可以像这样被关闭呢?谢谢 =)

最佳答案

事实上,当您从一个页面导航到另一个页面时,您的页面会变白,我认为您对此无能为力,因为有很多因素可能会起作用(即网络服务器的响应能力,您的互联网连接速度等)。

但是,如果您真的希望页面之间有一个很好的过渡,我建议采用以下解决方案之一:

1) 在 Iframe 中加载您的页面。当从一个页面导航到另一个页面时,您可以使用例如 DIV 覆盖显示加载消息。您可以在页面加载后隐藏加载消息覆盖。这可以在子页面上使用 jQuery .ready() 事件触发(父无法确定子页面是否已完全加载)。

请注意,为了从 iframed-page 控制父页面,所有页面都应该在同一个域中(同域策略)。

2) 如果导航发生在同一个应用程序域/网站中,调查是否可以使用 JQuery 等来部分加载页面内容。

关于html - (网页设计) 切换页面时,如何防止屏幕闪白?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4811132/

相关文章:

javascript - 用户登录后如何在 vue js 中存储身份验证 token ?

html - 嵌套固定元素的 z-index 问题和溢出 :hidden

javascript - 在 jQuery 中连续滚动 Div

html - 在页面加载时隐藏带有 anchor 名称的 div,仅在单击链接时显示

html - 如何从浏览器缩放中排除某些文本

javascript - 如何检测浏览器何时完成更新 View (重新布局,应用任何更改的 CSS)

javascript - 如果没有 Node.js 或运行服务器,是否可以使用纯 JavaScript 通过 HTML 应用程序创建/输出 JSON 文件到硬盘?

javascript - Bootstrap scrollspy 与 ng-show 不能很好地配合

ios - 移动应用程序的 openweathermap API 问题

python - 打开 Firefox 时出现问题