在Fakeloader之前顯示的網頁的比特

我正在使用fakeloader預先加載我的內容here，但是我注意到我的網站標題傾向於在fakeloader預加載動畫之前顯示。無論如何，我可以延遲顯示的內容，直到preload完成與fakeloader？在Fakeloader之前顯示的網頁的比特

這是我使用初始化Fakeloader的JavaScript

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

感謝您的幫助

來源

2015-10-16 tcherokee

你可以通過把一個固定的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();

這不僅隱藏導航欄，但它隱藏一切，可能之前拿出你的裝載機。

來源

2015-10-16 09:27:28 Roboroads

這工作。不得不添加「位置：絕對」到flbackdrop CSS來讓它正常顯示。 – tcherokee

對不起，我的確確實感覺到了。 Beter使其固定。 – Roboroads

您navbar使用$('.navbar').hide();和調用fakeLoader後，顯示了使用$('.navbar').show();

來源

2015-10-16 09:19:47 User528491

導航欄隱藏在打開頭部標籤後添加此腳本標籤。它將隱藏導航欄前1200秒。這是一個黑客解決方案，因爲fakeLoader沒有任何傳遞迴調的機制。

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

來源

2015-10-16 09:25:46

在Fakeloader之前顯示的網頁的比特

回答

相關問題