在div的顶部和底部激活waypoint - jQuery

Question

当用户从同一div的顶部和底部滚动时，我正在尝试激活一个航点。然后，这会更改导航元素上的活动状态。我知道默认值是div的顶部但我怎么做？

videoPath

Answer 1

在id="#1-bottom"元素后面附加id="#1"的元素，并在其上声明一个航点。

然后，从上到下滚动会先触发#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] });