Question

帮助一位朋友在他的网站的早期测试版上工作，我写了一个简短的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无法做到这一点。

Chrome中的jQuery后台附件

1 个答案: