微信小程序页面左右滑动关闭

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

2.

直接给最外层的view设置一个overflow-x:hidden//裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏

3.

在json文件里租冲面加 "disableScroll": true

4.

给page一个d性盒子 page { width:100%display: flex} 然后将page下面颤郑的根元素盒子宽度设茄型颂为100%,overflow:

前几天在开发注册功能时，需要d一个显示注册协议的Modal，由于协议文字很长，需要用户手动滑动查看。

于是理所当然地使用一个view元素包裹协议内容，然后设置height，并设置 overflow-y: auto ，这样设置后在 微信开发工具 上使用鼠标滚轮滑动ok，但是过两天在真机上测试，what???，无论我手指怎么滑都滑不动。

经过一通仔细 (胡乱) 调试，最终使用 scroll-view 解决闭旁橘了这个问题。

注意：使用竖向滚动时，需要给 <启斗scroll-view>一个固定高度，通过 css 设置 height。

关于 scroll-view 的更多介绍，请移步 https://uniapp.dcloud.io/component/scroll-view

在这里有一个疑问轿团：为什么设置 overflow: auto 无法手势滑动，而scroll-view可以呢？

我暂时没有想到原因，欢迎知道原因的友友留言解答，谢谢！！！

---