Hinzufügen von zusätzlichen CSS zu einer vorhandenen Klasse

Question

Ich möchte die Körpergröße 100% machen, wenn ich eine bestimmte Aktion und Überlauf: auch ausgeblendet, aber nur, wenn ich diese Aktion ausführen.

Das ist, was ich versucht habe:

$(window).load(function() { 

    $('.menuBtn').click(function(e) { 
     e.preventDefault(); 
     (this.classList.contains('is-active') === true) ? this.classList.remove('is-active'): this.classList.add('is-active'); 
     $('nav').slideToggle(); 

     $('.headerBarm').toggleClass('fixed-position'); 
     $('nav').toggleClass('fixed-position'); 
     $('.headerBar').toggleClass('fixed-position'); 
     $('body').css("height:100%; overflow:hidden;"); 
    }); 

}); 

-

$('body').css("height:100%; overflow:hidden;"); 

Ich konnte auch nicht herausfinden, wie es wie Toggle funktioniert. wenn ich erneut darauf klicke, muss es wieder normal werden.

Was ich falsch mache.

Vielen Dank im Voraus,

Kevin

Answer 1

Das ist nicht richtig Weise .css() Methode zu verwenden, sollten Sie diese Art und Weise verwenden:

$('body').css({height:"100%", overflow:"hidden"}); 

Auch kann es vereinfacht werden als:

Answer 2

diese

Versuchen:

$('body').css({ 
    'height' : '100%', 
    'overflow':'hidden' 
});