苹果手机可左右滑动的bug

Posted 一腔诗意醉了酒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了苹果手机可左右滑动的bug相关的知识,希望对你有一定的参考价值。

今日在开发微信小程序的时候,发现苹果手机在某些页面可以左右滑动,出现空白的情况(安卓没有)。
在这里插入图片描述
百思不得其解,之下一顿操作猛如虎,一看效果二百五。


最后发现是由于,自己设置了定位,然后加了left导致容器宽度撑大。
解决办法,清除浮动

  overflow-x: hidden;

注意:要在page{}中添加position: fixed;固定定位哦!
感谢评论区一楼大哥提醒

特记录一下


以上是关于苹果手机可左右滑动的bug的主要内容,如果未能解决你的问题,请参考以下文章

Appium里面怎么实现 左右滑动屏幕

viewFlipper 怎么设置只能左右滑动不能上下滑动

JS实现安卓手机端触摸屏幕左右滑动显示的效果

如何只用AngularJs实现图片滑动切换?

html那个左右滑动翻页的该怎么弄

请问有人用videojs实现上下滑动切换视频功能