[JavaScript]jquery - Przyklejone menu dodatkowa klasa do body Opcje

[zafon]

Hej mam takie pytanie czy istnieje szansa na dodanie klasy do body w tym kodzie dokładnie chodzi o to ze jak klasa .przyklej dostanie klase fixed-header to body dostanie dodatkowa klase?

[JAVASCRIPT] pobierz, plaintext 
jQuery(function($){
var stickyOffset = $('.przyklej').offset().top;
$(window).scroll(function(){
  var sticky = $('.przyklej'),
      scroll = $(window).scrollTop();
 
  if (scroll >= stickyOffset) sticky.addClass('fixed-header');
  else sticky.removeClass('fixed-header');
});
});
[JAVASCRIPT] pobierz, plaintext 

Dzięki kolego tak próbowałem ale bez {} z nimi działa jak trzeba.

Może komuś się przyda cały kod przyklejonego menu z dodaniem marginesu do body aby płynnie się przewijała.

[JAVASCRIPT] pobierz, plaintext 
var stickyOffset = $('.przyklej //klasa która ma zostać przyklejona').offset().top;
$(window).scroll(function(){
  var sticky = $('.przyklej'),
      scroll = $(window).scrollTop();
 
  if (scroll >= stickyOffset){
  sticky.addClass('fixed-header //klasa w css gdzie element dostaje pozycje:fixed');
  $('body').addClass('mt-60');
}
  else{ sticky.removeClass('fixed-header');
  $('body').removeClass('mt-60');
}
});
});
[JAVASCRIPT] pobierz, plaintext 

Kod

css
.fixed-header {
position: fixed;
top:0; left:0;
width: 100%;
}

Ten post edytował zafon 27.02.2018, 12:10:41

[nospor]

No a kto ci broni dodac te klase?

if (scroll >= stickyOffset) {
sticky.addClass('fixed-header');
$("body").addClass("Jaka ci sie tylko zamarzy");
}

[zafon]

Dzięki kolego tak próbowałem ale bez {} z nimi działa jak trzeba.

Może komuś się przyda cały kod przyklejonego menu z dodaniem marginesu do body aby płynnie się przewijała.

[JAVASCRIPT] pobierz, plaintext 
var stickyOffset = $('.przyklej //klasa która ma zostać przyklejona').offset().top;
$(window).scroll(function(){
  var sticky = $('.przyklej'),
      scroll = $(window).scrollTop();
 
  if (scroll >= stickyOffset){
  sticky.addClass('fixed-header //klasa w css gdzie element dostaje pozycje:fixed');
  $('body').addClass('mt-60');
}
  else{ sticky.removeClass('fixed-header');
  $('body').removeClass('mt-60');
}
});
});
[JAVASCRIPT] pobierz, plaintext 

Kod

css
.fixed-header {
position: fixed;
top:0; left:0;
width: 100%;
}

Jeżeli komuś zależy tylko na przyklejeniu elementu o stalej wysokosci.

[JAVASCRIPT] pobierz, plaintext 
$(window).scroll(function(){
    if ($(window).scrollTop() >= 20 // wysokosc przewijanego elementu ) {
       $('#Elementdoprzewijania').addClass('fixed-header');
              $('body').addClass('mt-60');
    }
    else {
       $('#Elementdoprzewijania').removeClass('fixed-header');
        $('body').removeClass('mt-60');
    }
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował zafon 27.02.2018, 12:19:43