Додати прибрати клас при прокручуванні на чистому JS

Як додати прибрати клас при прокручуванні до блоку на чистому JS або поява та зникнення блоку при прокручуванні вниз на чистому jаvascript. Також цей скрипт можна використовувати для фіксації Хедера.

Все, що потрібно зробити це додати до потрібного блоку клас - "header"

І сам скрипт:

function fixedHed() {
	let scrollpos = window.scrollY

	const header = document.querySelector(".header")
	const scrollChange = 1

	const add_class_on_scroll = () => header.classList.add("bg-red")
	const remove_class_on_scroll = () => header.classList.remove("bg-red")

	window.addEventListener('scroll', function() { 
	scrollpos = window.scrollY;

	if (scrollpos >= scrollChange) { add_class_on_scroll() }
	else { remove_class_on_scroll() }  
	})
};
function fixedHed();

Як зробити додавання класу на джіквері - дивитись тут