【ionic+angularjs】iphone手機頁面滑動出現空白頁面

在開發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"。


以上,請大家糾正或討論,謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章