javascript id silme

Arkadaşlar merhaba,


Bir konuda desteğinize ihtiyacım var aşağıdaki kodta belli bir yükseklikten sonra sayfa aşağıya scrool ettiğinde nav elementine smaller id'si ekleniyor fakat ekran genişliği 480 ve altına düştüğünde bu id'nin atanmamasını istiyorum nasıl yapabilirim yardımcı olabilir misiniz? (Smaller id'si 480 üzeri ekran genişliğinde atanmasını istiyorum)

şimdiden teşekkürler.

function init() {
window.addEventListener('scroll', function(e){
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
shrinkOn = 200,
header = document.querySelector("nav");
if (distanceY > shrinkOn) {
header.setAttribute("id","smaller");
} else {
header.removeAttribute("id","smaller");
}
});
}

Konu çözümlendi arkadaşlar