Bom, estou tentando fazer com que o header
de uma página, receba ou perca uma classe, dependendo da posição da página, alguém poderia me informar o que está errado, e me ajudar a corrigir ?
window.onscroll = function() {
var mobileTransp = document.getElementById('mobile-header');
if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
mobileTransp.classList.remove('on-top');
}
else{
mobileTransp.classList.add('on-top');
}
};