Question

我正在修改背景位置和我工作的页面上创建视差，只要我希望所有背景从零开始。问题是我不希望他们都从零开始。有些人有预定的起始位置，但我无法弄清楚如何从其现有位置增加/减少每个类实例的背景位置。您可以在我的代码中看到我有一行可以检索当前位置，但每次我尝试使用该数字来修改位置时，我会得到疯狂的结果，其中图像随处可见。这就是我所拥有的：

jQuery(document).ready(function($){
    $(window).scroll(function(){
        currentoffset = $(this).scrollTop();
        slowOff = Number(currentoffset) / 3;

        $( ".full_width_img" ).each(function() {
            //bgPosition = $(this).css('backgroundPosition').split(" ");
            $(this).css('background-position', '50% -' + slowOff + "px");
        });
    });
});

如何检索然后相对于每个人的现有位置更新每个实例的背景位置属性？

添加了jfiddle链接： http://jsfiddle.net/79k8R/

Answer 1

这里存在逻辑错误。在“每个”循环中，您可能必须调整每个图像的背景位置（Y）。我添加了（slowOff-240 * index）而不仅仅是“showOff”，它看起来更好。但是你总是可以根据你的需要调整它，使它变得漂亮。请看这个小提琴http://jsfiddle.net/LZhAL/

jQuery(document).ready(function($){
    $(window).scroll(function(){
        currentoffset = $(this).scrollTop();
        slowOff = Number(currentoffset) / 3;

        $( ".full_width_img" ).each(function(index) {
            //bgPosition = $(this).css('backgroundPosition').split(" ");
            $(this).css('background-position', '50% -' + (slowOff-240*index) + "px");
        });
    });
});

Jquery为每个类实例修改现有的背景位置？

1 个答案: