Как сделать прилипающий блок при прокрутке страницы после других блоков?

Question

[MOЛOD]

Всем привет друзья

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

Находил скрипты закрепляющего блока,но мне нужно закреплять блок именно после других двух блоков.

Comments

[Andrew]

вы код подгрузите куда-то, попытайтесь сделать чтот и на основании этого можно будет помочь, так абстрактно мыслить, по ресайзу проверяйте скроллТоп и условиями добавляйте/убирайте класс с position:fixed/relative.
Или если нужно добавить, берёте код элемента записываете в переменную и при скроллТопе добавляете/убираете где надо.

Answer 1

[Дмитрий]

Пример

Comments

[MOЛOD]

Мой пример

Есть один блок с поиском, далее два других блока, после прохода этих блоков закрелпять первый блок после двух других

Answer 2

[id_baton4eg]

можете доработать этот код - он подойдет:

// cache the element
    var $navBar = $('.sticky-top');

// find original navigation bar position
    var navPos = $navBar.offset().top;

    //высота фиксированного блока
    var navbar_height = $navBar.outerHeight();
    //запомним стандартный отступ
    var navbar_pb = parseInt($navBar.parent().css("padding-bottom"));

    $(window).scroll(function() {

        // get scroll position from top of the page
        var scrollPos = $(this).scrollTop();

        // check if scroll position is >= the nav position
        if (scrollPos >= navPos) {
            $navBar.parent().css('padding-bottom',navbar_height);
            $navBar.addClass('fixed');
        } else {
            $navBar.parent().css('padding-bottom', navbar_pb );
            $navBar.removeClass('fixed');
        }

Comments

[MOЛOD]

мне бы с реальными примерами) я в JS не очень разбираюсь