document.addEventListener("DOMContentLoaded", function() { window.addEventListener('scroll', function() { if (window.scrollY > 50) { // Adjust the 50px to your needs document.querySelector('.selector').classList.add('scrolled'); } else { document.querySelector('.selector').classList.remove('scrolled'); } }); });