Need to trigger an event as footer comes into view

Question

I have a deep page with a deep footer

I want to use some jQuery to trigger an event when the top of the footer comes into view

I have looked and tried using

 var scrollTop = jQuery (window).scrollTop();

but it just gives the position when you load, and it doesn't change as you scroll

Any ideas please

You need to bind it to `.scroll` http://api.jquery.com/scroll/ — Huangism, Nov 12 '14 at 15:16
well, thanks - but I thought the -1 was a bit harsh - we're not all experienced you know — maxelcat, Nov 12 '14 at 15:21

score 1 · Accepted Answer · edited May 23 '17 at 12:27

You can use my script on this answer: Pause and play video when in viewport

Fiddle: http://jsfiddle.net/pwhjk232/

$(document).ready(function() {
    var inner = $(".inner");
    var elementPosTop = inner.position().top;
    var viewportHeight = $(window).height();
    $(window).on('scroll', function() {
        var scrollPos = $(window).scrollTop();
        var elementFromTop = elementPosTop - scrollPos;

        if (elementFromTop > 0 && elementFromTop < elementPosTop + viewportHeight) {
            inner.addClass("active");
        } else {
            inner.removeClass("active");
        }
    });
})

thanks - that's helpful, I can see what you are doing – maxelcat Nov 12 '14 at 15:22 — maxelcat, Nov 12 '14 at 15:22

Need to trigger an event as footer comes into view

1 Answers1