¿Cómo podría ajustar esto para que se ajuste a varios elementos en la misma página html (aplicarles diferentes rellenos?) ¡Muchas gracias!

 const navbar = document.getElementById('scroll-card-top') const onScroll = () => { const scroll = document.documentElement.scrollTop if (scroll > 1000) { navbar.classList.add("scrolled"); } else { navbar.classList.remove("scrolled") } } window.addEventListener('scroll', onScroll)`