Come disattivare lo scorrimento del corpo quando è attiva la compressione della barra di navigazione

Question

Utilizzo di bootstrap 3, sto affrontando un problema con la disattivazione dello scorrimento del corpo quando il menu della barra di navigazione è aperto nei dispositivi mobili. quando il menu di compressione è aperto e se si scorre su di esso, l'elemento di sfondo inizia anche lo scorrimento che non desidero. Voglio che l'elemento di sfondo non debba scorrere quando scorri il menu comprimibile. Lo stesso problema si vede anche nei desktop.

Answer 1

Un modo per ottenere ciò con i CSS è disabilitare l'overflow degli elementi html e body.

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>

è possibile creare una classe chiamata no-scroll e applicarlo alla html e body quando si apre il menu. Rimuovi la classe quando il menu si chiude.