Появление хедера после скролла

Нашел такой скрипт, который позволяет хедеру при скролле вниз скрываться, а при скролле вверх появляться. Js я плохо знаю, поэтому прошу помощи тут: как сделать так, чтобы хедер при скролле вверх не сразу появлялся, а только через заданное количество прокрученных пикселей?

let lastScroll = 0;
const defaultOffset = 200;
const header = document.querySelector('.header');

const scrollPosition = () => window.pageYOffset || document.documentElement.scrollTop;
const containHide = () => header.classList.contains('hide');

window.addEventListener('scroll', () => {
    if(scrollPosition() > lastScroll && !containHide() && scrollPosition() > defaultOffset) {
        //scroll down
        header.classList.add('hide');
    }
    else if(scrollPosition() < lastScroll && containHide()){
        //scroll up
        header.classList.remove('hide');
    }

    lastScroll = scrollPosition();
})