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

小程序禁止页面左右滑动

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

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

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