2011-04-04 50 views
1

如何隱藏DIV直到它滾動到?有沒有辦法動態地顯示一個DIV,類似於Lazy Load延遲加載圖像的方式

我想加快加載幾個大背景圖像,因爲這些不是IMG元素,懶惰加載不是一個真正的選項。我考慮過的其他事情包括將我的頁面分成三部分,並使用無限滾動插件並用z-index中較低的IMG替換背景圖像。

非常感謝!

+0

我懷疑是否隱藏DIV會導致它的背景圖像不被加載。您可能需要定義沒有背景的div,並在頁面滾動時動態設置背景。 – 2011-04-04 13:47:01

回答

0

所有CSS背景圖像在樣式表分析後不久加載。你無法加載它們更快。如果它們很大,考慮更好的壓縮。使用幾個較小的文件不會使它們加載速度更快,因爲在下載時間之前,每個映像都有網絡開銷。

您可以通過將"display:none"添加到您的DIV並在頁面加載後使用$('divName').fadeIn('slow')使「延遲加載」出現。

+0

非常感謝,好主意! – 2011-04-04 17:37:10

相關問題