element.offset(). Top; не работает должным образом, чтобы вытащить прокрутку, когда посередине обновления страницы

Question

На данный момент я потратил несколько часов, пытаясь выяснить и прочитать этот код, который мне был предоставлен. Сложно получить код, чтобы скрыть ... если вы просматриваете эту страницу прямо здесь: http://www.1stamender.com/article.php?articlenumber=1125

Существует часть страницы, в которой говорится: «Вам также может понравиться», хранящийся в контейнере с класс «follow-scroll». В принципе, если вы перезагрузите страницу (жестко обновить ctrl + f5) на полпути, она не потянет элемент. Правильно и слишком низко или слишком высоко. (также случается, когда вы изменяете размер страницы) Если бы я мог получить некоторую помощь с этим кодом, я был бы очень признателен! Я не могу читать этот jquery/javascript должным образом, поскольку я в основном работаю PHP и SQL. Также очень легко увидеть разбитые на мобильных приложениях либо из-за бутстрапа, либо из-за того, как он обнаруживает смещение y. Вот код для этого:

<script> 
(function($) { 
    var element = $('.follow-scroll'); 
    var originalY = element.offset().top; 

    // Space between element and top of screen (when scrolling) 
    var topMargin = 40; 

    // Should probably be set in CSS; but here just for emphasis 
    element.css('position', 'relative'); 

    $(window).on('scroll', function(event) { 
     var scrollTop = $(window).scrollTop(); 

     element.stop(false, false).animate({ 
      top: scrollTop < originalY 
        ? 0 
        : scrollTop - originalY + topMargin 
     }, 0); 
    }); 
})(jQuery); 
</script> 

Answer 1

if (($(window).outerHeight()+$(window).scrollTop()) >= $('.follow-scroll').offset().top) 
{ 
    //your code here 
}