ios 页面有下拉加载 弹窗遮挡 绝对干货

最近做微信小程序,遇到一个问题,页面带有下拉加载,该页的弹窗被莫名其妙的遮挡了一部分。
很早就知道ios中对于position:fixed不友好,有bug,今天果真遇到了。
说一下具体问题,页面加载的数据不满一屏的时候,弹窗出来就会遮挡,如果页面数据超过一屏,就没事。
一分析知道是body和html的高度问题,想也没想,立即body、html的高度设成了100%,去数据不满一屏的页面一试,遮挡问题果然解决。无比的兴奋!
结果,返回数据较多的页面的时候,发现,页面在一直不停的加载,body的高度设成100%导致下拉加载插件出现bug,心里一群**马呼啸而过,ios有时候很无语,前端攻城狮表示很难。
考虑再三,还是调整定位问题吧,毕竟下拉插件是数个大神的结晶。
想啊想,终于搞定了。把body和html的height改成min-height,min-height的值初始设置比较小,打开弹窗后,min-height值设置成屏幕高度,关闭弹窗,min-height值恢复到初始值(小于屏幕高度)。搞定,香不香~~~

发布了4 篇原创文章 · 获赞 8 · 访问量 163

猜你喜欢

转载自blog.csdn.net/zhongguogangkou/article/details/105578547