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

iscroll 使用同个wrapper多状态数据切换重新定位到顶部

2018-01-10 10:58 211 查看
问题:移动端同个页面,有个状态导航栏(几种状态)切换请求数据操作同一个wrapper里面的数据。不同状态切换过程中,新的状态如果数据量多《无法自动回滚到顶部》。

html代码结构:

<div id="wrapper" >
<div id="scroller">
<div id="pullDown" style="display: none;">
<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
</div>
<div id="pullDowns" style="display: none;">
<span class="pullDownIcon"></span><span class="">下拉刷新...</span>
</div>

<!--  数据appen块  -->
<ul id="dataList">

</ul>

<div id="pullUp" style="display: none;">
<span class="pullUpIcon"></span><span class="pullUpLabel"></span>
</div>
<div id="noData">
<span>已经看到最后</span>
</div>
</div>
</div>

解决方法:切换时先执行原数据回滚到顶部操作,再延迟执行数据请求:

myScroll.scrollTo(0,0,1); // 1指的是回滚到顶部用的时间。我设置1ms  o.o是可以的。
setTimeout("getStatusData("+flag+")",2); // 延迟2ms 执行请求数据。请求方法因人而异。

此篇文章只是为了给自己存个档,我自己是解决了自动回滚到顶部问题,不喜勿喷。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐