解决移动端H5页面触摸穿透的问题

移动端页面会出现这样一种问题，本想触摸滑动弹窗内的滚动列表，然而发现有时候滑动的却是遮罩层下面的内容。
目前找到的最佳解决方案是，在css中设置：

html {
  position: fixed;
  overflow: hidden;
  height: 100%;
}

次佳方案是(Vue项目中)：给弹窗和遮罩层设置@touchmove.prevent事件，缺点是只能解决不需要滑动弹窗内内容时的穿透问题，因为一旦给弹窗加上这个阻止冒泡的事件，弹窗内的内容也同样无法触摸滑动了