нужно инициировать событие, как сноска приходит в поле зрения

Question

у меня есть глубокая страница с глубокой сноской

Я хочу использовать некоторые JQuery, чтобы вызвать событие, когда в верхней части колонтитула приходит в поле зрения

I посмотрел и попытался с помощью

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

, но это только дает положение при загрузке, и она не меняется при прокрутке

Любые идеи, пожалуйста,

Answer 1

Вы можете использовать мой сценарий на этот ответ: 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"); 
     } 
    }); 
})