Jquery waypoints sticky元素應該觸發div的底部

Question

我有一個視差滾動網站，其中有一個粘性元素，每當它碰到網站的不同部分時，都應該更改它的背景圖像。

$("#level2").waypoint(function() { 
      $("#changing_element").css("background-image","url(a.jpg)"); 
    }); 

$("#level1").waypoint(function() { 
      $("#changing_element").css("background-image","url(b.jpg)"); 
      }, { offset: 'bottom-in-view' 
    }); 

，對於向下滾動的作品，而不是向上滾動，航點只有當elemten達到1級＃的頂部觸發。

但需要時粘#changeing_element到達底部的它（在滾動時）被觸發...

的意見！

Thx！

Answer 1

因爲我沒有找到一個合適的人做這個，所以我只是增加了另一個div.bottomdiv。

.bottomdiv { 
position: absolute; 
bottom: 0; 
width: 10px; 
height: 10px; 
} 

$(".bottomdiv").waypoint(function() { 
       $("#changing_element").css("background-image","url(b.jpg)"); 
     }) 

現在工作正常！