Question

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

这是我用来初始化Fakeloader

的javascript

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

感谢您的帮助

Answer 1

您可以通过在您的身体中放置固定的div top / left 0，width / height 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();

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

Answer 2

使用navbar隐藏$('.navbar').hide();，并在致电fakeLoader后，使用$('.navbar').show();

显示导航栏

Answer 3

在开头标记之后添加此脚本标记。它会在最初的1200秒内隐藏导航栏。这是一个hacky解决方案，因为fakeLoader没有任何传递回调的机制。

<script>  
    document.getElementsByTagName('nav')[0].style.display = "none";
    setTimeout(function() {
        document.getElementsByTagName('nav')[0].style.display = "block";
    }, 1201);
</script>

在Fakeloader之前显示的网页位

3 个答案: