Как останавливать блок при скролле, когда он достиг другого блока?

Question

[nastya_zholudeva]

У меня есть блок (1), который в определенный момент становится fixed и прилипает к верху страницы.

$(document).ready(function(){
    $(window).scroll(function(){
        var bo = $(window).scrollTop();
        if ( bo > 300 ) {
            $('.akcii').addClass('fixedblock');
            $('.left_side').addClass('fixedblockLeftSide');
            $('.content_catalog').addClass('fixedblockContent');
        }
        else {
            $('.akcii').removeClass('fixedblock');
            $('.left_side').removeClass('fixedblockLeftSide');
            $('.content_catalog').removeClass('fixedblockContent');
        }
});

Однако, по достижении блока "недавно просмотренные товары" (2) от должен останавливаться. Трудность еще в том, что блок (3) реализован с догрузкой товаров, поэтому просто посчитать длину всей страницы и вычесть блок (2) не получается

Answer 1

[Паша Тарасенко]

есть же css свойство position: sticky которое поддерживается всеми стабильными браузерами

Comments

[nastya_zholudeva]

Мне это не подходит, т.к. страница длинная и не нужно, чтобы он прилипал. Он сначала должен двигаться вслед за прокруткой и только по достижении порога (2), должен останавливаться