小程序禁止页面左右滑动
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;
}
这样就不会出现左滑右滑出现白屏现象了