3月26日,苹果官方发布了iOS12.2的系统版本。
现象
线上的Ionic3开发的APP所有列表在加载完数据后都不能正常滚动了,需要下拉刷新一下才能继续滚动。
推测
可能是因为12.2更新了 WebKit,对 -webkit-overflow-scrolling: touch 属性产生了影响
尝试
1、标记content,通过this.content获取scrollContentHeight,发现内容高度是正确的,大于一屏,但是滑动出现问题。
2、尝试在加载完数据后代码控制下滑1px
this.content.scrollTo(0, 1);
发现此时可以正常滑动了,但终究不是我们想要的
3、查阅资料,有建议说在
子视图中设置min-height 为101% 或者 calc(100% + 1px)
但是,并不能解决我的问题
4、在github上的issue留言中发现
原文:Scrolling Freeze Issue with iOS 12.2 Beta
解决方案
更新ionic-angular到3.9.4版本
npm i ionic-angular@3.9.4-201903121725
亲测,解决了我的问题,大家也可以试一下,如果不行的话,可以跟进一下github上面留言与评论











网友评论