Detect when Body Scroll hits top | bottom of element

Question

I\'m trying to detect using javascript and jquery when the window scroll hits the top of a selected element. I think I\'m making progress but still no results:

fiddle:

Answer 1

$(window).scroll(function() 
{
    var targetScroll = $('.div').offset().top - $('.div').outerHeight();
    if($(window).scrollTop() > targetScroll)
    {
        alert('hey');
    }
});

fbelanger was right about the syntax error, but the function would still fire at the bottom of the div. Just subtract the height of the div from its offset from the top. Hope this helps!

Answer 2

$(window).scroll(function() {
    var targetScroll = $('.div').position().top;
    if($(window).scrollTop() > targetScroll) {
        alert('hey');
    }); // <=== Syntax Error: Closing Parenthese around an if block
});