iscroll.js使用及出現的問題

iscroll是用來處理頁面上拉下拉加載的一個js插件,可同時適用於電腦端及移動端,須要先加載Zepto.js(移動端)或jquery.js,我經過bootstrap作了個移動端的,用的仍是jquery,沒什麼問題。css

這裏有部分文檔(中文的),仍是要學好英文啊。html

基於iscroll實現下拉和上拉刷新(優化)http://www.zhangyunling.com/519.html

這裏也是部分文檔,彷佛參數說明同樣的 http://blog.csdn.net/sweetsuzyhyf/article/details/44195549/jquery

入門使用方法(僅限於入門) http://wiki.jikexueyuan.com/project/iscroll-5/distory.htmlbootstrap

網上有不少例子,再也不列出了app

 

必需要注意的是,在過程當中,下拉區域(即id="wrapper"節點)必須給定一個height,不然首次進入頁面上拉沒法彈回,不會加載數據!!優化

由於我頁面頭部和底部都有一塊浮動的區域,所以wrapper區域高度不能設置爲100%,並且不一樣手機頁面高度不一樣,不能寫死,只好動態設置其高度:
  $(window).on("load resize",function(){
      var h=window.innerHeight||document.body.clientHeight||document.documentElement.clientHeight;
       $("#wrapper").css("height",h-97-55);
  });.net

此處由於是頁面加載完以後再設置的,所以調用js時,若是沒有height就沒辦法得到,因此最好設置一個最小高度min-height 或者height都行,插件

就由於這一個問題,浪費我半天時間。。。。。htm

相關文章
相關標籤/搜索