Событие изменения стилей элемента при скролле до определённой точки окна браузера?

Question

[Никита Кит]

Всем привет.
Подскажите какими методами, способами, библиотеками можно без особых усилий (я лентяй ничего нихачу учить нихачу гуглить искать када есть тостир) добиться скрытия, выплывания, визуального появления элементов при скролле боттома или топа окна браузера до определённого пикселя.
Лучше, конечно, библиотечки-фреймворки - они легче нативного хардкора. Идеально - npm или bower-модули - их можно сжать при компиляции.

Answer 1

[Павел Коковин]

я лентяй ничего нихачу учить нихачу гуглить искать када есть тостир

Так можно навсегда остаться junior'ом. Хотя junior должен знать, как такое делается.

jQuery делает сие в 5 строчек:

var scroll = 0;
$(window).on("scroll", function(){
    scroll = window.pageYOffset || (document.documentElement.clientHeight ? document.documentElement.scrollTop : document.body.scrollTop);
    if ($(".your_element").css("display") === "none" && scroll > 1200) { // 1200 - "определенный пиксель"
        $(".your_element").fadeIn();
    }
});