h5页面没办法滚动问题

首页可以先查看html或body是不是加了height：100%；overflow：hidden；那显然没加

那么说逻辑：可以先看一下在那个页面的弹出层进行跳转的，跳转之后弹出层有没有关闭，没关闭导致页面无法滚动，然后你整个项目页面都无法滚动了，除非这个时候点击刷新关闭了上个页面的弹出层，否则无法滚动！

解决办法很简单，就是在执行完当前页面的逻辑跳转另外页面时，关闭掉弹出层

参考：

以下是用uniapp写的页面以及组件弹出层

1.  
   // 弹窗组件
2.  
   <uni-popup ref="Appointment" type="bottom" @maskClick="closeReserve()">
3.  
   弹出层内容...
4.  
   <!-- 确认按钮 -->
5.  
   <view class="btn-affirm" @click="selectedpage()">
6.  
   <image src="@/static/confirm/确认按钮.png" mode=""></image>
7.  
   </view>
8.  
   </uni-popup>
9.  
    
10.  
    <script>
11.  
    export default {
12.  
    ...此处省略部分代码
13.  
    methods: {
14.  
    // 点击确认 - 跳转我的订单页
15.  
    selectedpage() {
16.  
    this.$refs.Appointment.close(); // 关闭弹出层
17.  
    uni.navigateTo({
18.  
    //关闭当前页面，跳转到应用内的订单页。
19.  
    url: '/pages/terminal/selected/selected?item'
20.  
    });
21.  
    },
22.  
    }
23.  
    }
24.  
    </script>

this.$refs.Appointment.close(); // 关闭弹出层

关闭之前关闭弹窗，跳转至下个页面后即可滑动

这篇好文章是转载于：学新通技术网