0

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.

1
  • Você pode utilizar window.onscroll = function() { /* Code Here */ } Commented 5/09/2018 às 18:39

1 Resposta 1

1

Conforme a documentação na MDN, a função window.scroll recebe dois parâmetros, x e y, e não uma função callback, tal como fez. Acredito que o que você deseja fazer é ouvir o evento de scroll e executar a função sempre a página for rolada. Para isso, utilize o evento scroll de window:

window.addEventListener('scroll', function (event) {
    ...
});

Mas esse evento será disparado muitos vezes quando a página for rolada, então tome muito cuidado com a performance.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .