Chrome 中的 jQuery 后台附件

Question

为了帮助一位 friend 开发其网站的早期测试版，我编写了一个简短的 jQuery 片段，以防止固定背景图像滚动超过 div 的底部边缘。在 Firefox 和 Safari 甚至 IE8 中一切都工作正常，但是一旦背景附件从滚动返回更改为固定(图像不随页面滚动)，Chrome(Win7 和 OSX 10.6 上都有)似乎就会出现问题后退，并且在向下滚动时会重复放置其中的大部分内容(很难解释，请查看下面的演示链接)。其他人也遇到过这种情况吗？

JavaScript:

$(document).ready(function(){
var imageHeight = 585;
$(window).scroll(function(){
    if($(window).scrollTop() + $(window).height() > ($("div.main").height() + $("div.main").offset().top)) {
        $("div.main").css("background-position", "0px " + ($("div.main").height() - imageHeight) + "px");
    $("div.main").css("background-attachment", "scroll");
    }else{
        $("div.main").css("background-position", "right bottom");
        $("div.main").css("background-attachment", "fixed");
    }
});

});

现场演示: http://mydigitalworld.dyndns.info/dns.html

Answer 1

您可能想使用background-repeat:no-repeat。

话虽如此，我不清楚您想要实现什么目标，以及为什么不能单独使用 CSS 来实现这一目标。