在[使用jqMobi開發app基礎:Scrolling的使用,向上向下拖動,動態添加數據](http://blog.csdn.net/xuexiaodong009/article/details/18794909)一文中,通過使用af.scroller.js解決了上拉刷新,下拉添加數據的功能,可是很奇怪,經過多次下拉后,發下底部的空白越來越多!!
?基本的頁面panel代碼如下:
~~~
<div id="jiekuanshenpi" title="借款審批" class="panel" data-load="loadFirstpage" data-tab="navbar_picture"
data-nav="main" data-defer="jiekuanshenpi.html" >
</div>
~~~
?jiekuanshenpi.html代碼如下:
~~~
<ui class="list" id="jiekuanshenpigrid"></ui>
<script type="text/javascript">
//省略了js代碼
</script>
~~~
省略了js代碼具體可參考[使用jqMobi開發app基礎:Scrolling的使用,向上向下拖動,動態添加數據](http://blog.csdn.net/xuexiaodong009/article/details/18794909)
經過多次下拉拖動,動態加載數據,發現最下邊的空白是越來越大,最后有可能超過了數據所占的高度。本以為是panel的高度計算錯誤,但設置高度又擔心改變其他的邏輯,想不到最終的方法確實如此簡單,去掉如下一句即可:
~~~
$("#" + listPaneId).css("overflow", "auto");
~~~
這原本是demo里邊的代碼,想不到會給我帶來如此之大的麻煩,目前只找到了這個解決方法,很簡單,也沒有發現去掉后有其他的不良后果。
- 前言
- 使用jqMobi開發app基礎
- jqMobi開發app頁面注意事項
- 使用jqMobi開發app基礎:定義header
- 使用jqMobi開發app基礎:定義footer
- 使用jqMobi開發app基礎:通過panel添加內容
- 使用jqMobi開發app基礎:panel屬性data-defer介紹
- 使用jqMobi開發app基礎:Side Menu
- 使用jqMobi開發app基礎:Styled Lists布局
- 使用jqMobi開發app基礎:Grid布局
- 使用jqMobi開發app基礎:響應式布局介紹
- 使用jqMobi開發app基礎:Toggle Switches開關按鈕
- 使用jqMobi開發app基礎:HTML5 LocalStorage 本地存儲
- 使用jqMobi開發app基礎:登錄頁面的實現
- 使用jqMobi開發app基礎:注銷頁面的實現
- 使用jqMobi開發app基礎:viewport指令
- 使用jqMobi開發app基礎:a標簽的使用
- 使用jqMobi開發app基礎:Scrolling的使用,向上向下拖動,動態添加數據
- 使用jqMobi開發app基礎:頁面傳值方式
- 使用jqMobi開發app基礎:panel之間的跳轉方式
- 使用jqMobi開發app基礎:panel之間的跳轉方式總結
- 使用jqMobi開發app基礎:下拉select
- 使用jqMobi開發app基礎:真的只能存在一個DOM嗎?
- 使用jqMobi開發app基礎:使用 jQuery
- 使用jqMobi開發app基礎:Scrolling的使用,拖動后大量空白的解決方法
- 使用jqMobi開發app基礎:Scrolling的使用,停止和繼續拖動有關的問題
- 使用jqMobi開發app基礎:Badge的使用
- 使用jqMobi開發app基礎:如何撥打電話?
- 使用jqMobi開發app基礎:彈出內容的設計