在[使用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基础:弹出内容的设计