有需求说网站要不能让用户下拉,不然看起来有点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来