如果在移動設備中打開菜單，如何停止身體滾動？

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小提琴鏈接

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

現在，如果您單擊該切換器主體將獲得動態類並阻止其滾動。

如果您需要更多幫助，請告訴我。