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

小程序禁止页面左右滑动

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;
}

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