如何隱藏DIV直到它滾動到?有沒有辦法動態地顯示一個DIV,類似於Lazy Load延遲加載圖像的方式
我想加快加載幾個大背景圖像,因爲這些不是IMG元素,懶惰加載不是一個真正的選項。我考慮過的其他事情包括將我的頁面分成三部分,並使用無限滾動插件並用z-index中較低的IMG替換背景圖像。
非常感謝!
如何隱藏DIV直到它滾動到?有沒有辦法動態地顯示一個DIV,類似於Lazy Load延遲加載圖像的方式
我想加快加載幾個大背景圖像,因爲這些不是IMG元素,懶惰加載不是一個真正的選項。我考慮過的其他事情包括將我的頁面分成三部分,並使用無限滾動插件並用z-index中較低的IMG替換背景圖像。
非常感謝!
所有CSS背景圖像在樣式表分析後不久加載。你無法加載它們更快。如果它們很大,考慮更好的壓縮。使用幾個較小的文件不會使它們加載速度更快,因爲在下載時間之前,每個映像都有網絡開銷。
您可以通過將"display:none"
添加到您的DIV並在頁面加載後使用$('divName').fadeIn('slow')
使「延遲加載」出現。
非常感謝,好主意! – 2011-04-04 17:37:10
我懷疑是否隱藏DIV會導致它的背景圖像不被加載。您可能需要定義沒有背景的div,並在頁面滾動時動態設置背景。 – 2011-04-04 13:47:01