jQuery無限滾動丟失的CSS背景加載量頁面

Question

我使用最新版本的無限滾動（由paulirish）。一切都很好，但有一個很奇怪的問題，實際上我不知道這是一個問題。

好吧，讓我們來想象一下： 你有一個論壇，你正在一個約20頁的線程中使用無限滾動。您可以平穩地加載大約8頁。但在此之後，不可能在第9頁加載完整的css（css中的背景圖像）。

您可以在這裏看到屏幕截圖：http://photo.luyencong.net/images/infinitesc.png
您是否遇到過這個問題或之前的任何問題？請給我一些建議，多謝。

Answer 1

讓你的大背景中分離成三個小的部分。

HTML

<div id="start_part">...</div> 
<div id="content_part"> 
    <div class="wrapper">...</div> 
</div> 
<div id="end_part">...</div> 

CSS

#start_part { 
    background: url("top-part.jpg") 0 0 no-repeat; 
} 
#content_part { 
    background: url("center-part.jpg") no-repeat fixed center top transparent; 
    margin: 0 auto; 
} 
#content_part .wrapper1 { 
    background: url("top-part.jpg") 1px 0 no-repeat; 
    width: 100%; 
} 
#content_part .wrapper2 { 
    background: url("bottom-part.jpg") 1px 0 no-repeat; 
    width: 100%; 
} 
#end_part { 
    background: url("top-part.jpg") 0 0 no-repeat; 
} 

希望對大家有所幫助。

Answer 2

當您向下滾動時，您正在滾動背景圖像。修復背景圖片：

background-image:url('yourbackground.png'); 
background-repeat:no-repeat; 
background-attachment:fixed; 

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment