Jquery 각 클래스 인스턴스의 기존 위치에서 배경 위치를 수정 하시겠습니까?

Question

백그라운드 위치를 수정하는 페이지에 시차를 만들고 있는데 모든 배경을 0으로 시작하기를 원할 때만 작동합니다. 문제는 내가 모두 제로에서 시작하기를 원하지 않는다는 것입니다. 일부 클래스는 미리 설정된 시작 위치를 가지고 있지만 기존 클래스의 위치에서 각 클래스 인스턴스의 배경 위치를 늘리거나 줄이는 방법을 알 수 없습니다. 내 코드에서 현재 위치를 검색 할 수있는 행을 볼 수는 있지만 위치를 수정하기 위해 해당 번호를 사용하려고 할 때마다 이미지가 어디에서나 튀어 나오는 미친 결과를 얻습니다. 다음은 내가 가지고있는 것입니다 :

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"); 
     }); 
    }); 
}); 

각 인스턴스의 배경 위치 속성을 검색하여 각 개인의 기존 위치와 비교하여 어떻게 검색합니까? 이 http://jsfiddle.net/79k8R/

Answer 1

여기에 논리적 실수 있습니다 :

는 jfiddle 링크를 추가했습니다. "각"루프에서 각 이미지의 배경 위치 (Y)를 조정해야 할 수도 있습니다. 나는 "showOff"대신에 (slowOff-240 * index)를 추가했다. 하지만 항상 아름답게 만들 필요에 따라 조정할 수 있습니다. 이 바이올린을 참조하십시오. 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"); 
     }); 
    }); 
});