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

ionic 特點(diǎn)

1.ionic 基于Angular語(yǔ)法，簡(jiǎn)單易學(xué)。[3]

2.ionic 是一個(gè)輕量級(jí)框架。

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

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

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

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

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

IONIC作為目前最為火熱的框架，在開(kāi)發(fā)過(guò)程中我們同樣會(huì)遇到各種各樣奇葩的問(wèn)題，比如下面這個(gè)：

問(wèn)題描述：

在頁(yè)面底部有一個(gè)按鈕，點(diǎn)擊這個(gè)按鈕會(huì)額外顯示一些數(shù)據(jù)，此時(shí)頁(yè)面會(huì)超出，需要滾動(dòng)效果，同樣的場(chǎng)景對(duì)于ion-list 的infinate效果，但是偶爾會(huì)出現(xiàn)，無(wú)法滾動(dòng)的問(wèn)題，手指向上拖動(dòng)，松開(kāi)后又彈回原來(lái)位置，始終看不到底部數(shù)據(jù)，這是因?yàn)閕onic view沒(méi)有重新計(jì)算新增高度的問(wèn)題。

解決方案

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

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

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

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

最新評(píng)論