jquery - 当您使用jQuery在页面上传递特定点时如何更改背景

我在页面上有一个侧边栏和各个部分。侧栏向左浮动，各部分向右浮动。我希望边栏的颜色/背景在通过每个部分时都发生变化，因此当它在第一部分时为红色，第二部分为蓝色，第三部分为绿色。我已经附上了HTML / CSS的示例。如果有人可以帮助我填写jQuery，那真是太棒了。

http://jsfiddle.net/fkYZp/

最佳答案

http://jsfiddle.net/loktar/fkYZp/9/

可以肯定要使用类等。但这是基本概念。

     var lifeStylePos = $('#lifestyle-sidebar').offset().top - y,
         onePos = $("#one").offset().top - y,
         twoPos = $("#two").offset().top - y,
         threePos = $("#three").offset().top - y;

     if(lifeStylePos  > threePos){
         $('#lifestyle-sidebar').css({'background' : 'green'});
     }else if(lifeStylePos > twoPos){
          $('#lifestyle-sidebar').css({'background' : 'blue'});
     }else if(lifeStylePos  > onePos){
          $('#lifestyle-sidebar').css({'background' : 'red'});
     }