在div的頂部和底部激活航點 - jQuery

Question

我試圖激活一個航點，當用戶從同一個div的頂部和底部滾動時。這然後改變導航元素上的活動狀態。我知道默認是頂部的，但我怎麼做呢？

$('#1').waypoint(function() { 

    $(".desktop-menu ul li").children().removeClass("active"); $(".desktop-menu ul li ul li").children().removeClass("active"); 

    $("#chapt-1").addClass("active"); 

}, { offset: 0 }); 

Answer 1

的id="#1"元素之後追加的要素與id="#1-bottom"並在其上宣佈航點過。

然後，從上到下滾動將首先觸發#1 waypoint，而從下往上滾動將首先觸發#1-bottom waypoint。

HTML

<div id="#1">[...]</div> 
<div id="#1-bottom"></div> 

jQuery的

$('#1').waypoint(function() { [top to bottom logic] }); 
$('#1-bottom').waypoint(function() { [bottom to top logic] });