uniapp H5 禁止页面下拉查看网址

有需求说网站要不能让用户下拉,不然看起来有点low,也就是浏览器自带的默认事件。其他方法不说了。我的方法:

1.page.json里面的globalStyle添加:"disableScroll":true。(文档说只能当前页面添加,其实可以统一添加,有效果的),此时你的所有页面都不能拖动了

2.如果页面一屏可以展示,那没必要处理,如果一屏不能展示完,那么用一个scrollview把内容包起来,scroll-y为true就行了

3.页面太多怎么办,因为同事之前对headder封装了的,然后headder组件里面有个slot,页面主要内容都是些在slot里面,所以我直接改headder就行了,用scrollview把slot包起来,基本上用了headder的都能拖动了

4.如果你没有封装headder,那没办法,自己封装一个呗

5.scroll-view的高度得设置一下,还有overflow-y:scroll;高度的话可以用uniapp的设备api去获取,完了减掉头部或者说其他多余的高度,反正别超过一屏。

6.高度的获取和设置最好是在onready生命周期进行,因为可能页面没有加载完全他去获取的话有偏差,onready就是页面已经加载完了。

7.完了你想再加个下拉刷新什么的话,按照文档的scrollview来

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值