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

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/5262.html

(0)
上一篇 2021年7月16日
下一篇 2021年7月16日

相关推荐

发表回复

登录后才能评论