How can I stop the body scrolling if I open a menu on a mobile device?
function bodyScrollStop() {
$('.header .navbar .navbar-toggler i').on('click', function (event) {
$('body').toggleClass("onScroll");
});
}
bodyScrollStop();
Add a comment
|
2 Answers
Plz add this in css..
body.onScroll {
overflow:hidden;
}
2 Comments
Masud Rana
Thank you for give me solution but I actually want when i click on navigation menu icon on mobile screen
Manikandan2811
ok no pbs -:) You can use whatever you want.. but you can add the class when click the button.
Well i believe that you are showing that toggle button on mobile screens only. Then you can try below code.
JS Code:
function bodyScrollStop() {
$('.header .navbar .navbar-toggler i').on('click', function (event) {
$('body').toggleClass("no-scroll");
});
}
bodyScrollStop();
CSS:
i {
background: green;
height: 44px;
width: 44px;
display: inline-block;
color: #fff;
}
.no-scroll {
overflow: hidden;
}
Now if you click on that toggler body will get dynamic class and will prevent it from scrolling.
Let me know if you need more help.
