在开发ionic的页面时，在iphone手机上使用时，屏幕的上下滑动经常会出现白屏（页面空白）。经分析得出出现这种情况的原因：
1、在<ion-content/>标签中设置了属性overflow-scroll="true"
2、页面中所有元素在渲染后的高度没有超出允许展示的高度（不会出现滚动条）

去掉属性overflow-scroll="true"，即使用ionic原生滚动，不管页面中所有元素在渲染后的高度是否超出时都正常（这种做法合不合理，大家可以探讨）。

ionic的js文档

<ion-content/>的属性说明：
overflow-scroll 是否用溢出滚动代替Ionic原生滚动，默认false


$ionicConfigProvider的说明：
scrolling.jsScrolling(value)
Whether to use JS or Native scrolling. Defaults to native scrolling. Setting this to true has the same effect as setting each ion-content to have overflow-scroll='false'

开发的页面中若都是y轴滚动，那么使用js滚动或者ionic的原生滚动都可以（只要没有异常的兼容问题），若页面中涉及到横向滚动的元素，而没有设置overflow-scrol或者设置false，那么只能使用js滚动，若要使用ionic的原生滚动，比如<ion-sroll/>，则要设置overflow-scroll="true"。

以上，请大家纠正或讨论，谢谢！

原文链接：https://www.f2er.com/angularjs/148121.html