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

  在使用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里边的代码,想不到会给我带来如此之大的麻烦,目前只找到了这个解决方法,很简单,也没有发现去掉后有其他的不良后果。

你可能感兴趣的:(使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法)