禁用浏览器' paint'直到*某事*被加载

时间:2018-01-17 19:45:30

标签: javascript browser

我希望这是我可以在这里提出的一个问题;我知道有规则。

此网站https://mylisting.27collective.net/my-city/(wordpress主题的演示网站)有一个微调器,在页面更改期间可见。

在我看来,浏览器无法清除屏幕,或开始绘制新屏幕,直到某些事件发生。结果是微调器工作得很漂亮,即使连接速度很慢,用户也不会看到页面之间的闪烁。

任何人都可以了解如何实现这一目标吗?

非常感谢,

1 个答案:

答案 0 :(得分:0)

这实际上非常简单。有一个div(主加载器)位于站点顶部(微调器),当DOM就绪事件触发时,加载器div淡出....

查看该页面的代码,它只是下面的内容......

jQuery(document).ready(function(e) {
    e(".main-loader").fadeOut(750), // <-- This is the loader div
    // .....
}
相关问题