jQuery delaying the next in Parallax
I've got the below jQuery and at the moment I have 2 .about .section divs
and when the window scrolls the background-positions replicate. I was
wondering how would I go about to delay every additional .about .section
from scrolling.
$(window).bind('scroll',function(e){
parallaxScroll();
});
function parallaxScroll(){
var scrolledX = $(window).scrollLeft();
$('.about
.section').css('background-position','-'+((scrolledX*0.5))+'px
center');
}