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

为什么80%的码农都做不了架构师？>>>   

https://blog.csdn.net/qq_26409411/article/details/79021301

问题：移动端同个页面，有个状态导航栏（几种状态）切换请求数据操作同一个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 执行请求数据。请求方法因人而异。

 

此篇文章只是为了给自己存个档，我自己是解决了自动回滚到顶部问题，不喜勿喷。

转载于:https://my.oschina.net/huqiji/blog/1920392