Javascript 如果在手机中打开菜单，如何停止身体滚动？

如果在移动设备上打开菜单，如何停止正文滚动

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

请将此添加到css中

body.onScroll {
  overflow:hidden;
}

---

我相信你只是在手机屏幕上显示切换按钮。然后您可以尝试下面的代码

JS代码：

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

CSS:

现在，若你们点击那个切换器，主体将得到动态类，并将阻止它滚动

---

如果您需要更多帮助，请告诉我。

谢谢您给我解决方案，但当我单击手机屏幕上的导航菜单图标时，我实际上想要确定否pbs-：）您可以使用任何您想要的。。但是您可以在单击按钮时添加该类。

i {
  background: green;
  height: 44px;
  width: 44px;
  display: inline-block;
  color: #fff;
}

.no-scroll {
  overflow: hidden;
}