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

在手机中打开菜单后，停止身体滚动的方法可以通过以下几种方式实现：

使用CSS属性overflow: hidden;：通过将菜单容器的overflow属性设置为hidden，可以阻止页面内容的滚动，从而停止身体滚动。例如：

.menu-container {
  overflow: hidden;
}

使用JavaScript禁用滚动事件：通过监听滚动事件，并在菜单打开时禁用滚动事件，可以停止页面的滚动。例如：

var menuOpen = false;

function disableScroll() {
  if (menuOpen) {
    document.body.style.overflow = 'hidden';
  } else {
    document.body.style.overflow = '';
  }
}

// 监听菜单打开/关闭事件
menuOpen = true; // 菜单打开
disableScroll();

menuOpen = false; // 菜单关闭
disableScroll();

使用JavaScript禁用触摸滚动：对于移动设备，可以通过禁用触摸滚动事件来停止页面的滚动。例如：

var menuOpen = false;

function disableTouchScroll() {
  if (menuOpen) {
    document.addEventListener('touchmove', preventDefault, { passive: false });
  } else {
    document.removeEventListener('touchmove', preventDefault);
  }
}

function preventDefault(event) {
  event.preventDefault();
}

// 监听菜单打开/关闭事件
menuOpen = true; // 菜单打开
disableTouchScroll();

menuOpen = false; // 菜单关闭
disableTouchScroll();

这些方法可以根据具体的开发需求和场景选择使用。