关于移动端弹窗内容滚动底部页面不滚动的问题

弹窗内容区域可滚动，在显示弹窗的时候，底部内容区不能滚；关闭弹窗后，底部内容区可滚动。

1.弹窗内容区不需要滚动

直接在touchmove事件中设置e.preventDefault()；阻止默认事件，这样底部就不会滚动。但是弹窗内容也不会滚动了。

2.弹窗内容区需要滚动

显示弹窗时，让下面的页面 fixed 定位，弹窗消失时候，再还原 relative 定位。

.fixed {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

<div
  :class="{
    'fixed': modalShow
  }">
</div>