1

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');
    }

};
6
  • 1
    Qual o problema?
    – Laerte
    Commented 11/10/2016 às 13:19
  • não está funcionando Commented 11/10/2016 às 13:21
  • 1
    Não está adicionando a classe?
    – Laerte
    Commented 11/10/2016 às 13:21
  • não estava, mas acabei de resolver Commented 11/10/2016 às 13:22
  • 1
    Sugiro que poste sua solução na resposta. =)
    – Laerte
    Commented 11/10/2016 às 13:23

1 Resposta 1

1

Para resolver o problema, uma solução foi adicionar o evento a uma função separada

window.onscroll = function() {scroll()};

function scroll(){

    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');
    }
};
3
  • 1
    Boa tarde, soh me informe se funcionou.. fiquei curioso... abração!!
    – Io-ol
    Commented 30/01/2019 às 20:54
  • 1
    @kaputtz, não rolou não, mas fizeram o procedimento de outra forma, usando python, por isso encerrei a pergunta Commented 31/01/2019 às 13:22
  • 1
    tá show também! obrigado tchê!
    – Io-ol
    Commented 31/01/2019 às 14:31

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 .