JQuery와 스크롤 전체 화면 배경

Question

여러 개의 전체 화면 배경 (물론, 100 % 폭과가 1024px의 설정 높이)

이 스크립트가 수행하는 작업 (또는해야 할) 하나 개의 사업부를 페이드 아웃되고있을 것이다 사이트를 당신이 아래로 스크롤하는 동안 다른 페이드.

그러나 nth-child 선택기를 사용하는 것이 더 쉬워 지려면 처음 두 div에서 잘 작동하지만 그 이후에는 적합하지 않습니다.

어떤 도움이 필요합니까?

$(document).ready(function(){ 
var didScroll = false; 
var $window = $(window); 

$(window).scroll(function(){ 
    didScroll = true; 
}); 

window.setInterval(function() { 
if (didScroll) { 
    if (1-$window.scrollTop()/1024 > -10) { 
     $('.item:nth-child(even)').css({opacity: 1-$window.scrollTop()/1024}); 
     $('.item:nth-child(odd)').css({opacity: 1*$window.scrollTop()/1024}); 
    } 
    didScroll = false; 
} 
}, 50); 
}); 

Answer 1

n 번째 아이가 하지 짝수 또는 홀수, 당신이 원하는 번호를 사용하는 것이 제한.

$(".item:nth-child(3)").css({opacity: 1-$window.scrollTop()/1024}) 

편집 :

이제이 같은 작동합니다 :

$('.item:nth-child(1)').css({opacity: 1-$window.scrollTop()/1024}); 
    $('.item:nth-child(2)').css({opacity: 2-$window.scrollTop()/1024}); 
    $('.item:nth-child(3)').css({opacity: 3-$window.scrollTop()/1024}); 

JSFiddle 예를 들어 http://jsfiddle.net/yDuh7/ 또는 다른 하나는 : http://jsfiddle.net/yDuh7/1/는