Skip to main content
removeu 130 caracteres do conteúdo
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Use o .on com scroll para observar, ao rolar a rolagem da janela e adicionar/removertela, se o elemento tem ou não a class (altere o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = if($(this'.main-menu').scrollTophasClass('isStuck');
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu')console.addClasslog('isStuck'"tem a classe");
   }else{
      $('.main-menu')console.removeClasslog('isStuck'"não tem a classe");
   }
});

Use o .on com scroll para observar a rolagem da janela e adicionar/remover a class (altere o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = $(this).scrollTop();
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu').addClass('isStuck');
   }else{
      $('.main-menu').removeClass('isStuck');
   }
});

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");
   }
});
conteúdo editado
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Use o .on com scroll para observar a rolagem da janela e adicionar/remover a class (alteraaltere o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = $(this).scrollTop();
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu').addClass('isStuck');
   }else{
      $('.main-menu').removeClass('isStuck');
   }
});

Use o .on com scroll para observar a rolagem da janela e adicionar/remover a class (altera o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = $(this).scrollTop();
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu').addClass('isStuck');
   }else{
      $('.main-menu').removeClass('isStuck');
   }
});

Use o .on com scroll para observar a rolagem da janela e adicionar/remover a class (altere o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = $(this).scrollTop();
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu').addClass('isStuck');
   }else{
      $('.main-menu').removeClass('isStuck');
   }
});
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Use o .on com scroll para observar a rolagem da janela e adicionar/remover a class (altera o valor 50 conforme a sua necessidade):

$(window).on('scroll', function(){
   var scrol = $(this).scrollTop();
   if(scrol >= 50){ // ganha a class a partir de 50 pixels de rolagem
      $('.main-menu').addClass('isStuck');
   }else{
      $('.main-menu').removeClass('isStuck');
   }
});