检测 JQuery 中经过锚点时的情况

Question

我该如何在jQuery中检测滚动超过锚点？在同一页上有多个锚点。

<a href="#test"></a>

<div id="test" name="test">Test Message here</div>

<div id="test1" name="test1">Test Message here</div>

<div id="test2" name="test2">Test Message here</div>

<div id="test3" name="test3">Test Message here</div>

 ect...

谢谢

- Rickstar

---

你肯定尝试过一些东西，对吧？ - A. Wolff

是的，我有，但我只能检测到一个锚点。 - Rickstar

你是想检测滚动过去的锚点，还是所有的div？ - adeneo

检测滚动超过锚点 - Rickstar

Answer 1

类似于以下内容：

var anchor_offset = $('a[href="#test"]').offset().top;

$(window).on('scroll', function() {
    if ( $(window).scrollTop() > anchor_offset ) 
         $('#test').show();
});

- adeneo

---

抱歉，我忘了提醒您同一页面上可能有多个要素。 - Rickstar

Answer 2

http://imakewebthings.com/jquery-waypoints/

$('h2').waypoint(function(direction) {

 //alert('Top of thing hit top of viewport.');

});

- Rickstar

---

感谢“waypoint”这个术语，我在寻找类似于ReactJS的东西时发现了React-Waypoint ;) - AlainIb