Работаем со скроллом

18 Марта 2016
javascript

Положение скролла от верха сайта или просто текущее положение скролла

window.onscroll=function(){ 
  var scrolled=window.pageYOffset | |  document.documentElement.scrollTop;
} 

Пример: как только пролистали объект avatar добавляем класс fixed

var avatarElem=document.getElementById('avatar');
var avatarSourceBottom=avatarElem.getBoundingClientRect().bottom + window.pageYOffset;
window.onscroll=function(){ 
    if (avatarElem.classList.contains('fixed') && window.pageYOffset < avatarSourceBottom){ 
        avatarElem.classList.remove('fixed');
    } else{ 
        if(window.pageYOffset > avatarSourceBottom){ 
            avatarElem.classList.add('fixed');
        } 
    } 
} ;