【ionic+angularjs】iphone手机页面滑动出现空白页面

发布时间：2020-12-17 09:37:55 所属栏目：安全来源：网络整理

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

在开发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"。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!