如何解决Vue在移动端弹窗导致的滚动穿透问题？

本文共计1366个文字，预计阅读时间需要6分钟。

一、问题描述在移动端的H5页面中，我们经常会遇到点击按钮--弹窗--选择选项的场景。当选择选项过多时，滚动条会出现在底部或顶部。再往上或往下滑动滚动条。

一、问题描述

1. 在移动端的H5页面中，我们经常会遇到 “点击按钮-->弹窗-->选择选项” 这样的场景。而在选项过多出现滚动条时，滚动滚动条至容器的底部或者顶部。再往上或往下拖动滚动条时，滚动动作会出现穿透，这时候底部的body也会一起滚动。
2. 问题总结：内容在滚动到容器的顶部或者底部时，再向上或向下 强行滚动 ，则出现滚动穿透

二、解决方案思考

参考了网上一大堆的解决方法，大可分为三类方法。