javascript - 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;
}

希望对您有所帮助。