iscroll 使用同個wrapper多狀態數據切換從新定位到頂部

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 執行請求數據。請求方法因人而異。

 

此篇文章只是爲了給本身存個檔，我本身是解決了自動回滾到頂部問題，不喜勿噴。