關於數據異步加載引發Iscroll.js佈局出錯的解決方案

相信對於前端攻城獅來講Iscroll.js,你們並不陌生，lite版本只有24kb。但能夠解決

一、position:fixed在IOS端的兼容性問題

>移動端viewport能夠理解爲一個放大鏡，滑動頁面就至關於在移動這個放大鏡，頁面的位置並無變。
>position:fixed將元素固定在頁面某一位置，那麼在滑動頁面時這個元素的位置也不須要變，至少IOS以前是這麼作的。

二、各瀏覽器對滾動條樣式渲染不統一的問題
三、實現下拉刷新
四、局部滾動。
固然iscroll還能夠作輪播圖，放大鏡等效果。

今天要說的就是用iscroll實現局部滾動出現頁面佈局的問題。

問題：頁面底部多出一部分或是頁面顯示不全，拉動回彈後內容又顯示不全。
緣由：數據異步加載，iscroll沒法正確獲取頁面元素的真實高度。
解決方法：在頁面請求完數據後刷新iscroll。

//自定義方法：請求成功切換頁面後刷新Iscroll解決異步加載數據佈局出錯
view: function($this, viewData) { 
    this._super($this, viewData);
    mobile.page.iscroll("#" + mobile.page.getCurrPage().attr("id") + " .hospitalIntroduceIscroll.pageIscroll").refresh();
}

或

function Refresh() {
    setTimeout(function () {
        myScroll.refresh();
    }, 1000);
}