在使用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里边的代码,想不到会给我带来如此之大的麻烦,目前只找到了这个解决方法,很简单,也没有发现去掉后有其他的不良后果。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/5262.html