Как остановить прокрутку тела, если открыть меню в мобильном телефоне?

Question

Как мне остановить прокрутку тела, если я открою меню на мобильном устройстве?

function bodyScrollStop() {
  $('.header .navbar .navbar-toggler i').on('click', function (event) {
    $('body').toggleClass("onScroll");
  });
}
bodyScrollStop();

Answer 1

Плз добавить это в css ..

body.onScroll {
  overflow:hidden;
}

Answer 2

Ну, я считаю, что вы показываете эту кнопку переключения только на мобильных экранах. Тогда вы можете попробовать код ниже.

JS Fiddle Link

JS Код:

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;
}

Теперь, если вы нажмете на это тело переключателя, получите динамический класс c и предотвратите его прокрутку.

Дайте мне знать, если вам нужна дополнительная помощь.