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

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

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');
        }
    }
};