Frage Wie deaktiviere ich das Scrollen des Körpers, wenn der Navbar-Kollaps aktiv ist?


Mit Bootstrap 3 habe ich Probleme mit der Deaktivierung des Body-Scrolls, wenn das klappbare Nav-Bar-Menü in mobilen Geräten geöffnet ist. Wenn das Minimierungsmenü geöffnet ist und wenn wir darüber wischen, beginnt das Hintergrundelement ebenfalls zu scrollen, was ich nicht möchte. Ich möchte, dass das Hintergrundelement nicht scrollt, wenn wir über das reduzierbare Menü wischen. Das gleiche Problem wird auch in Desktops gesehen.


5
2017-07-23 16:05


Ursprung


Antworten:


Eine Möglichkeit, dies mit CSS zu erreichen, ist das Deaktivieren des Überlaufs von html und body Elemente.

html, body {margin: 0; height: 100%; overflow: hidden}
<!-- Example HTML which would normally create a scrollbar -->
a<br><br><br><br><br><br><br><br><br><br>
b<br><br><br><br><br><br><br><br><br><br>
c<br><br><br><br><br><br><br><br><br><br>
d<br><br><br><br><br><br><br><br><br><br>

Sie könnten eine Klasse namens erstellen no-scroll und wenden Sie es an html und body wenn Sie das Menü öffnen. Entfernen Sie die Klasse, wenn das Menü geschlossen wird.


3
2017-07-23 16:09