overflow:hidden mobile

Question

Na widoku mobilnym po naciśnięciu na burgera nie mogę usunąć paska po prawej stronie (y)

Co za tym idzie, strona się przewija i widać wszystko co jest pod menu.

Będę wdzięczny za pomoc, siedzę kilka godzin i nie mogę ogarnąć.

 

Kod:

https://jsfiddle.net/januszkochany/3kLzfh4b/69/

Strona: http://rocka.ayz.pl/

 

 

 

Answer 1

Jeżeli chcesz ukryć pasek to musisz za pomocą js przełączać dla body

  overflow-y: hidden;

A innym rozwiązaniem byłoby ustawienie nav jako overlay  fixed. Wtedy scroll zostanie ale nav będzie zawsze na wierzchu.

Comments

Dziękuje za odpowiedź.

Czy jest sposób w jq aby w jednej lini dodać styl dla body ?

---

    
    $('.burger').on('click', function(){
    $('.fas, nav').toggleClass('show');               
      $("body").css("overflow", "hidden");
        
        })    
        

wymyśliłem coś takiego, działa , ale po wyłączeniu menu mam overflow:hidden na całej stronie. Tzn. nie wiem co zrobić , aby po wyjściu z menu strona miała pasek.

---

Zrób klasę i przełączaj tak jak show

---

 pablop76 dziękuje bardzo. Działa :)

$('.burger').on('click', function(){
    $('.fas, nav').toggleClass('show');  
        
         $("body").toggleClass("close");
        
       })