移动端vue弹窗滚动底层页面不滚动

在移动端使用 Vue 弹窗时，如果弹窗出现后滚动弹窗的内容，底层页面也会跟着滚动，这是因为移动设备上的滚动机制和 PC 端不同，需要特殊处理。

一种解决方法是，给弹窗容器添加以下 CSS 样式：

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

其中 `position: fixed;` 可以固定弹窗的位置，`overflow-y: auto;` 可以使弹窗内容超出容器部分出现滚动条，`-webkit-overflow-scrolling: touch;` 可以启用 iOS 设备的滚动优化。

这样设置后，弹窗容器内的内容可以滚动，但是底层页面不会跟着滚动。