欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何解決IONIC頁面底部被遮住無法向上滾動問題

 更新時間:2016年09月06日 14:13:31   作者:天外野草  
Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。在開發(fā)過程中我們同樣會遇到各種各樣奇葩的問題。下面小編給大家?guī)砹擞嘘P(guān)IONIC頁面底部被遮住無法向上滾動問題的解決方案

Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。通過 SASS 構(gòu)建應(yīng)用程序,它 提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定,使用它成為 Web 和移動開發(fā)者的共同選擇。

ionic 特點(diǎn)

1.ionic 基于Angular語法,簡單易學(xué)。[3]

2.ionic 是一個輕量級框架。

3.ionic 完美的融合下一代移動框架,支持 Angularjs 的特性, MVVM ,代碼易維護(hù)。

4.ionic 提供了漂亮的設(shè)計,通過 SASS 構(gòu)建應(yīng)用程序,它提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。

5.ionic 專注原生,讓你看不出混合應(yīng)用和原生的區(qū)別

6.ionic 提供了強(qiáng)大的命令行工具。

7.ionic 性能優(yōu)越,運(yùn)行速度快。

IONIC作為目前最為火熱的框架,在開發(fā)過程中我們同樣會遇到各種各樣奇葩的問題,比如下面這個:

問題描述:

在頁面底部有一個按鈕,點(diǎn)擊這個按鈕會額外顯示一些數(shù)據(jù),此時頁面會超出,需要滾動效果,同樣的場景對于ion-list 的infinate效果,但是偶爾會出現(xiàn),無法滾動的問題,手指向上拖動,松開后又彈回原來位置,始終看不到底部數(shù)據(jù),這是因為ionic view沒有重新計算新增高度的問題。

解決方案

我們需要應(yīng)用到ionic的一個滾動代理,名字叫做$ionicScrollDelegate, 使用時候我們需要注入這個代理。

this.$timeout(() => {
this.$ionicScrollDelegate.resize();
},410);

如上,代理中有一個方法叫做resize(), 就是重新計算高度的, 這個我加了一個timeout, 用于確保數(shù)據(jù)正常長渲染完后再resize。

以上所述是小編給大家介紹的IONIC頁面底部被遮住無法向上滾動問題的解決方案,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論