irpas技术客

微信小程序禁止页面左右滑动_祎祎_微信小程序 禁止左右滑动

未知 6423

小程序禁止页面左右滑动

PS:在开发过程中可能会遇到某一个页面可以左右滑动,在开发者工具是不会出现左右滑动这个问题的,然后安卓上面也不会出现左右滑动,但是苹果测试机上面会出现屏幕左滑出现空白页问题

解决方案

1、页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box;

2、直接给最外层的view设置一个overflow-x:hidden; //裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏 3、在json文件里面加 "disableScroll": true

4、给page一个弹性盒子

page { width: 100%; display: flex; }

然后将page下面的根元素盒子宽度设为100%,overflow: hidden

.s-bd { width: 100%; overflow: hidden; }

这样就不会出现左滑右滑出现白屏现象了


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #微信小程序 #禁止左右滑动