成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于數(shù)據(jù)異步加載引起Iscroll.js布局出錯(cuò)的解決方案

sixleaves / 3132人閱讀

摘要：今天要說(shuō)的就是用實(shí)現(xiàn)局部滾動(dòng)出現(xiàn)頁(yè)面布局的問(wèn)題。問(wèn)題頁(yè)面底部多出一部分或是頁(yè)面顯示不全，拉動(dòng)回彈后內(nèi)容又顯示不全。原因數(shù)據(jù)異步加載，無(wú)法正確獲取頁(yè)面元素的真實(shí)高度。自定義方法請(qǐng)求成功切換頁(yè)面后刷新解決異步加載數(shù)據(jù)布局出錯(cuò)或

相信對(duì)于前端攻城獅來(lái)說(shuō)Iscroll.js,大家并不陌生，lite版本只有24kb。但可以解決

1、position:fixed在IOS端的兼容性問(wèn)題

>移動(dòng)端viewport可以理解為一個(gè)放大鏡，滑動(dòng)頁(yè)面就相當(dāng)于在移動(dòng)這個(gè)放大鏡，頁(yè)面的位置并沒(méi)有變。
>position:fixed將元素固定在頁(yè)面某一位置，那么在滑動(dòng)頁(yè)面時(shí)這個(gè)元素的位置也不需要變，至少IOS之前是這么做的。

2、各瀏覽器對(duì)滾動(dòng)條樣式渲染不統(tǒng)一的問(wèn)題
3、實(shí)現(xiàn)下拉刷新
4、局部滾動(dòng)。
當(dāng)然iscroll還可以做輪播圖，放大鏡等效果。

今天要說(shuō)的就是用iscroll實(shí)現(xiàn)局部滾動(dòng)出現(xiàn)頁(yè)面布局的問(wèn)題。

問(wèn)題：頁(yè)面底部多出一部分或是頁(yè)面顯示不全，拉動(dòng)回彈后內(nèi)容又顯示不全。
原因：數(shù)據(jù)異步加載，iscroll無(wú)法正確獲取頁(yè)面元素的真實(shí)高度。
解決方法：在頁(yè)面請(qǐng)求完數(shù)據(jù)后刷新iscroll。

//自定義方法：請(qǐng)求成功切換頁(yè)面后刷新Iscroll解決異步加載數(shù)據(jù)布局出錯(cuò)
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);
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50850.html

相關(guān)文章

  • 關(guān)于數(shù)據(jù)異步加載引起Iscroll.js布局出錯(cuò)的解決方案

    摘要：今天要說(shuō)的就是用實(shí)現(xiàn)局部滾動(dòng)出現(xiàn)頁(yè)面布局的問(wèn)題。問(wèn)題頁(yè)面底部多出一部分或是頁(yè)面顯示不全，拉動(dòng)回彈后內(nèi)容又顯示不全。原因數(shù)據(jù)異步加載，無(wú)法正確獲取頁(yè)面元素的真實(shí)高度。自定義方法請(qǐng)求成功切換頁(yè)面后刷新解決異步加載數(shù)據(jù)布局出錯(cuò)或 相信對(duì)于前端攻城獅來(lái)說(shuō)Iscroll.js,大家并不陌生，lite版本只有24kb。但可以解決 1、position:fixed在IOS端的兼容性問(wèn)題 >移動(dòng)端vi...

    MonoLog 評(píng)論0 收藏0

  • 第六天 移動(dòng)端Web開(kāi)發(fā)注意事項(xiàng)

    摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來(lái)的是前端在移動(dòng)開(kāi)發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見(jiàn)移動(dòng)端問(wèn)題對(duì)移動(dòng)開(kāi)發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來(lái)的是前端在移動(dòng)Web開(kāi)發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見(jiàn)移動(dòng)端問(wèn)題對(duì)移動(dòng)Web開(kāi)發(fā)需要注意...

    妤鋒シ 評(píng)論0 收藏0

  • 第六天 移動(dòng)端Web開(kāi)發(fā)注意事項(xiàng)

    摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來(lái)的是前端在移動(dòng)開(kāi)發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見(jiàn)移動(dòng)端問(wèn)題對(duì)移動(dòng)開(kāi)發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來(lái)的是前端在移動(dòng)Web開(kāi)發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見(jiàn)移動(dòng)端問(wèn)題對(duì)移動(dòng)Web開(kāi)發(fā)需要注意...

    xbynet 評(píng)論0 收藏0

  • 如何用 js 獲取虛擬鍵盤(pán)高度？（適用所有平臺(tái)）

    摘要：前言這是一個(gè)存在很久的歷史問(wèn)題了，對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案，沒(méi)有方案還聊個(gè)什么別急，別急，接下來(lái)我們一起來(lái)扒一扒關(guān)于軟鍵盤(pán)高度和的問(wèn)題我們先來(lái)看一個(gè)短片認(rèn)識(shí)一下這個(gè)問(wèn)題問(wèn)題描述當(dāng)操作者進(jìn)行輸入操作的時(shí)候，彈起的 前言 這是一個(gè)存在很久的歷史問(wèn)題了，對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案，what？沒(méi)有方案還聊個(gè)什么？ 別急，別急，接下來(lái)我們...

    terro 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<