Show div after scrolling 100px from the top of the page

Question

I found this, but this does it 100px before the bottom of the page. I need it 100px from the top of the page. I know how to implement it, I\'ve done other jquery animations,

Answer 1

Try this:

$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        // > 100px from top - show div
    }
    else {
        // <= 100px from top - hide div
    }
});