Hello, im now working on a parallax site,i script im using:
//if the second section is in view... if($secondBG.hasClass("inview")){ //call the newPos function and change the background position $secondBG.css({'backgroundPosition': newPos(50, windowHeight, pos, 1550, 0.3)}); //call the newPos function and change the second background position goggles.css({'backgroundPosition': newPos(50, windowHeight, pos, 2000, 0.6)}); goggles_side.css({'backgroundPosition': newPos(50, windowHeight, -200, pos, 0.9)}); ringbox_01.css({'backgroundPosition': newPos(50, windowHeight, -300, pos, 0.6)}); ringbox_02.css({'backgroundPosition': newPos(50, windowHeight, -300, pos, 0.6)}); compass_1.css({'backgroundPosition': newPos(95, windowHeight, pos, 2200, 0.6)}); }
But i want the objects to stop at a specific position rather than non-stop.eg: http://www.nikebetterworld.com/productThe objects have a landing ground. Thanks a lot