如何解决Vue移动端项目中滚动穿透的问题实现？

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

概述：今天在开发Vue移动端项目时遇到了滚动穿透问题，通过查阅资料后，选择了我认为最好的方法，并记录下来供后续开发时参考，相信对其他人也有用。

今日工作：在Vue移动端项目中解决了滚动穿透问题。

解决方案：通过查阅资料，选择了合适的滚动穿透解决方案，并记录以下步骤供后续开发参考。

1. 检查滚动容器是否有固定定位的元素。

2.在滚动容器外层添加一个透明度为0的遮罩层。

3.设置遮罩层的`z-index`高于滚动容器。

4.在滚动事件中监听，当滚动到遮罩层时停止滚动。

备注：此方法适用于无需滚动穿透的场景。

概述

今天在做 Vue 移动端项目的时候遇到了滚动穿透问题，在网上查资料后，选取了我觉得最好的方法，记录下来供以后开发时参考，相信对其他人也有用。

上层无需滚动

如果上层无需滚动的话，直接屏蔽上层的 touchmove 事件即可。