当前位置：网站首页>微信小程序禁止页面左右滑动

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

2022-08-09 14:55:00 【写的都是BUG】

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

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

原网站

版权声明
本文为[写的都是BUG]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_53760974/article/details/122345033