2

Seria essas barras fixas de frontend, o problema é que eu não encontro como é inserido uma classe para por coisas nela.

Exemplo:

<div class="main-menu">conteudo</div>

Após rolar um pouco a tela é inserido a classe:

<div class="main-menu isStuck">conteudo</div>

E preciso ficar observando quando coloca e quando remove essa classe para por uns "clones" dentro dela.

2
  • Após rolar a tela, a div ganha a classe, ok! E quando ela irá perder a classe, quando rolar pra cima?
    – Sam
    Commented 11/11/2017 às 19:03
  • @DvD Isso após rolar novamente ate o estado inicial ela some
    – Dexxtz
    Commented 11/11/2017 às 19:05

1 Resposta 1

1

Use o .on com scroll para observar, ao rolar a tela, se o elemento tem ou não a class:

$(window).on('scroll', function(){
   if($('.main-menu').hasClass('isStuck')){
     console.log("tem a classe");
   }else{
     console.log("não tem a classe");
   }
});
6
  • Isso ja ocorre, e eu não posso sobrescrever o evento, eu preciso detectar quando a class "isStuck" surge e some da div
    – Dexxtz
    Commented 11/11/2017 às 19:09
  • @Dexxtz Não entendi direito. Pode tentar explicar melhor?
    – Sam
    Commented 11/11/2017 às 19:11
  • @Dexxtz Bom, se entendi, a div ganha a classe sem estar relacionado à rolagem ao topo da tela, é isso? A rolagem pode ser em qualquer lugar da tela?
    – Sam
    Commented 11/11/2017 às 19:19
  • Funciona assim, ja existe um evento que coloca e remove a classe apartir da rolagem da tela, eu preciso de um observador nessa div, e saber o momento que a classe é inserida e removida, exemplo em algum momento da rolagem essa div vai ganhar uma classe que minha condição vai inserir conteudo, mas eu não sei em qual momento isso vai ocorrer, eu não posso refazer esse evento de rolagem a penas detectar tipo bind, trigger essas coisas
    – Dexxtz
    Commented 11/11/2017 às 19:22
  • @Dexxtz Atualizei a resposta. Veja se era isso.
    – Sam
    Commented 11/11/2017 às 19:24

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 .