Gostaria de fazer um cabeçalho que ao descer a barra de rolagem, ele comprima seu conteúdo. Tenho o seguinte script até agora.
window.scroll(function() {
var scroll = window.scrollTop();
var element = document.getElementById("nav");
if (scroll >= 140) {
element.classList.add("rola");
} else {
element.classList.remove("rola");;
}
});
Sei que os componentes HTML
são carregados depois do objeto window
, então como procederia com o script? Não sei como fazer para esperar que o componente seja carregado.
window.onscroll = function() { /* Code Here */ }
…