在iOS应用中，当顶部和底部导航栏使用fixed定位时，可能导致屏幕无法滑动。通过将滚动条添加到内容区域并使用flex布局的`flex:1; overflow-y:scroll;`，可以解决此问题。文章介绍了具体解决方案和避免此类问题的建议，同时邀请读者交流更多iOS兼容性解决方案。
作者: xteamer成员: shuaiyin
【摘要】首先，我们的APP一般来说，页面布局均是顶部和底部的导航栏是固定死的，因为方便用户的体验性，中间的内容部分实现滑动。那么这种布局的做法是如何实现的呢？首先我们最先想到的是flex布局，即弹性盒子模型。但是，最近遇到了在iOS中，出现无法滑动的问题，仔细的查看了布局，顶部和底部的导航栏均是使用fixed定位，就是因为这种布局出现了IOS中屏幕无法滑动的bug。
案例如下：
由案例可以看出，顶部和底部的导航栏均使用了fixed固定定位，但是这种布局可能在android的APP中是没有问题的，但是在I
最低0.47元/天 解锁文章
扫一扫
8727
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
