Как проверить, прокручивается ли элемент?

Question

У меня есть div, который представляет собой navbar на странице. Прежде чем это будут другие элементы, такие как логотипы, баннеры и т. Д. ... Я хочу сделать navbar липкой только тогда, когда она прокручивается вниз, то есть когда я прокручиваю вниз и оставляю ее за собой, мне нужно добавить к ней класс. Как я могу уловить этот момент?

Там должно быть что-то вроде этого:

jQuery(document).scroll(function(){ 
// if jQuery('#navbar') is already scrolled down add to it .navbar-fixed else remove   
}); 

Answer 1

Вы можете получить позицию скроллинга с jQueryElement.scrollTop(). Вы можете получить смещение от «navbar» с jQueryElement.offset().top.. Вы можете использовать это, чтобы вычислить, прокручивался ли пользователь мимо навигационной панели:

$(document).scroll(function(){ 
    if($(document).scrollTop() > $('#navbar').offset().top) { 
    $('#navbar').addClass('navbar-fixed'); 
    } else { 
    $('#navbar').removeClass('navbar-fixed'); 
    } 
});