CODEWITHSUNDEEP
javascriptjqueryhtmlanchor
Rickstar
Rickstar

Reputation: 6199

Detect when passing anchor point in JQuery

how would i detect when scrolling pass an anchor point in jquery? There are more then one on the same page.

<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...

Thanks

Upvotes: 3

Views: 11256

Answers (2)

Rickstar
Rickstar

Reputation: 6199

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

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

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

});

Upvotes: 3

adeneo
adeneo

Reputation: 318302

something like :

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

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

Upvotes: 12

Related Questions