Vue项目移动端滚动穿透问题

概述

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

上层无需滚动

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

我是里面的内容

上层需要滚动

如果上层需要滚动的话，那么固定的时候先获取 body 的滑动距离，然后用 fixed 固定，用 top 模拟滚动距离；不固定的时候用获取 top 的值，然后让 body 滚动到之前的地方即可。示例如下：

转载于:https://www.cnblogs.com/yangzhou33/p/11386163.html