jQuery Changer l'arrière-plan une fois que le défilement atteint un certain point

Question

Je suis en train de créer un site de défilement horizontal. (DEMO: http://demo.fuelmultimedia.ca). Le scooter dans la démo est en fait une image de fond fixe.

J'ai besoin de la possibilité de changer l'image d'arrière-plan pour un scooter différent une fois la nuit a été atteinte (essentiellement les lumières s'allument). Comment puis-je faire cela en utilisant jQuery?

Answer 1

quelque chose comme ceci:

$(window).scroll(function(){ 
    if($(window).scrollLeft() >= 1234){ 
      $(body).css('background-image','foo.jpg'); 
     } else { 
      $(body).css('background-image','bar.jpg'); 
     } 

});