javascript - Fakeloader 之前显示的网页片段

Question

我正在使用 fakeloader 预加载我的内容 here ，但是我注意到我的网站标题往往在 fakeloader 预加载动画之前显示。无论如何，我可以推迟显示内容，直到使用 fakeloader 完成预加载吗？

这是我用来初始化 Fakeloader 的 JavaScript

$("#fakeLoader").fakeLoader({
    timeToHide:1200,
    zIndex:"999",
    spinner:"spinner5",
    bgColor:"#fa520a"
});

感谢您的帮助

Answer 1

您可以通过在正文中放置固定 div 顶部/左侧 0、宽度/高度 100% 来为假加载器添加背景，并在加载器启动完成后将其删除。

<div class="flbackdrop"></div>

和CSS

.flbackdrop {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 99999; /*Making sure its on top*/
}

在你的 fakeloader 初始化之后:

$(".flbackdrop").remove();

这不仅会隐藏您的导航栏，还会隐藏加载程序之前可能出现的所有内容。