Как правильно отслеживать scroll вниз и в верх, js 6?

Как правильно отследить скролл вниз и вверх? Для липкого меню при скролле вниз хочу добавить класс и скрывать его, а при скролле вверх удалять этот класс и снова получается показывать липкое меню.

Я делаю так

// hide stick menu
let body = document.querySelector('body');

body.addEventListener('scroll', () => { 
    let scrollTop = body.scrollHeight;
    console.log(scrollTop);
});

let headerWrapper = document.querySelector('.header-wrapper');
console.log(headerWrapper);

if(scrollTop >= 100){
    headerWrapper.classList.add('hide');
}else{    
    headerWrapper.classList.remove('hide');
}

но где то ошибаюсь, это не работает