0
votes

Sticky Supprimer sur l'écran mobile

J'ai fait Topbar Sticky Sticky sur la vue de bureau à l'aide de jQuery, mais je ne veux pas de barre supérieure collante sur un écran mobile pendant le rouleau.

J'ai fait Topbar Sticky avec ce code: P>

$(document).ready(function(){ 
  $(window).scroll(function(){ 
    var sticky = $('#top-header'), 
    scroll = $(window).scrollTop(); 
    if (scroll >= 100) {
      sticky.addClass('fixed'); 
    } else {
      sticky.removeClass('fixed'); 
    } 
  }); 
});

javascript jquery wordpress

3 commentaires

$ (document) .Ready (fonction (fonction () {$ (fenêtre) .Scroll (fonction () {var sticky = $ ("# haut-en-tête '), défilement = $ (fenêtre) .Scrolltop (); si (faites défiler> = 100) {sticky.addclass ("fixe");}} else {sticky.removeclass ("fixe");}});});

J'ai fait Topbar Sticky avec ce code

S'il vous plaît Modifier Votre question et ajouter du code. Ne postez pas d'informations sur la question sur la section des commentaires.

3 Réponses :

0
votes

Vous devez modifier votre état de condition:

if ((scroll >= 100) && ($(window).width() > /* Mobile screen width */)) {
   sticky.addClass('fixed');
}

0 commentaires

0
votes

Vous pouvez ajouter une requête multimédia à l'aide de CSS ou vous pouvez définir la largeur de l'écran pour votre code jQuery.

 if($(window).width() > 767){
  $(document).ready(function(){ 
    $(window).scroll(function(){
      var sticky = $('#top-header'), 
      scroll = $(window).scrollTop(); 
      if (scroll >= 100) {
        sticky.addClass('fixed'); 
      } else {
        sticky.removeClass('fixed'); 
      } 
     }); 
   });
 }

0 commentaires

0
votes

Utilisez ce code et vous avez également besoin d'une condition de plus pour la largeur de l'appareil mobile. Utilisation de ce code, vous pouvez supprimer la classe "fixe" sur redimensionner également.

$(document).ready(function(){
  $(window).on('scroll resize',function(){
    var sticky = $('#top-header');
    var scrollTop = $(document).scrollTop();
    var windowWidth = $(window).width();
    if(scrollTop >= 200 && windowWidth >= 768){
      sticky.addClass('fixed');
    }else {
      sticky.removeClass('fixed');
    }
  });
});

0 commentaires