Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。
ionic 特點
1.ionic 基於Angular語法，簡單易學。[3]
2.ionic 是一個輕量級框架。
3.ionic 完美的融合下一代移動框架，支持 Angularjs 的特性， MVVM ，代碼易維護。
4.ionic 提供了漂亮的設計，通過 SASS 構建應用程序，它提供了很多 UI 組件來幫助開發者開發強大的應用。
5.ionic 專注原生，讓你看不出混合應用和原生的區別
6.ionic 提供了強大的命令行工具。
7.ionic 性能優越，運行速度快。
IONIC作為目前最為火熱的框架，在開發過程中我們同樣會遇到各種各樣奇葩的問題，比如下面這個：
問題描述：
在頁面底部有一個按鈕，點擊這個按鈕會額外顯示一些數據，此時頁面會超出，需要滾動效果，同樣的場景對於ion-list 的infinate效果，但是偶爾會出現，無法滾動的問題，手指向上拖動，松開後又彈回原來位置，始終看不到底部數據，這是因為ionic view沒有重新計算新增高度的問題。
解決方案
我們需要應用到ionic的一個滾動代理，名字叫做$ionicScrollDelegate, 使用時候我們需要注入這個代理。
this.$timeout(() => {
this.$ionicScrollDelegate.resize();
},410);
如上，代理中有一個方法叫做resize()， 就是重新計算高度的， 這個我加了一個timeout, 用於確保數據正常長渲染完後再resize。
以上所述是小編給大家介紹的IONIC頁面底部被遮住無法向上滾動問題的解決方案，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！