Блок который фиксируется при скроллинге?

Question

[Onli]

https://eda.ua/picca проскрольте немного и вы увидите, как левый блок с критериями закрепится, как это сделать?

Answer 1

[mr_firuzinho]

На самом деле очень много хороших вариантов, но я тебе предлагаю удобный - www.youtube.com/watch?v=E04x2Q9sxSM

Answer 2

[Виталий Инчин ☢]

Как сделать появление блока при прокрутке?
Принцип один и тот же. Скролл доходит до блока - ставим класс, возвращается - убираем.

Answer 3

[Михаил]

на jquery

$(function(){
   $(window).scroll(function() {
       var heightBlock = $(".left").outerHeight(true);
        var footerTop = $("#footer").offset().top;
        var top = $(document).scrollTop();
        var summ = top + heightBlock;
        if (top < 150) $(".left").css({top: '0', position: 'relative'});
        else $(".left").css({top: top  - 150+ 'px', position: 'relative'});
        if(footerTop < summ) $(".left").css({top: footerTop  - heightBlock - 300 + 'px', position: 'relative'});
    });
});

где 150 - расстояние до меню от начала
300 - высота footera

можно с помощью js конечно посчитать эти параметры, но это уже сами)