您的位置:首页 > 移动开发

使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法

2014-04-08 11:07 573 查看
  在使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据一文中,通过使用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的使用,向上向下拖动,动态添加数据

经过多次下拉拖动,动态加载数据,发现最下边的空白是越来越大,最后有可能超过了数据所占的高度。本以为是panel的高度计算错误,但设置高度又担心改变其他的逻辑,想不到最终的方法确实如此简单,去掉如下一句即可:

$("#" + listPaneId).css("overflow", "auto");


这原本是demo里边的代码,想不到会给我带来如此之大的麻烦,目前只找到了这个解决方法,很简单,也没有发现去掉后有其他的不良后果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: