How to make js add a class at a certain page scroll and remove it?

Question

JavaScript

Hello, I need to do this:

If the window.pageYOffset scrolling is not equal to 0, i.e. the beginning,
then I need to add the .active class to the tag with the .navbar class.

And if the scroll returned back to its beginning (0), then you need to remove the .active class.
And it should work without reloading the page.

I did only with the if statement, it didn't work for me, nothing works at all

Answer 1

const navbar = document.querySelector('.navbar');

window.addEventListener('scroll', function(){
  navbar.classList.toggle('active', pageYOffset > 0);
});

https://learn.javascript.ru/onscroll