iscroll 使用同個wrapper多狀態資料切換重新定位到頂部
問題:移動端同個頁面,有個狀態導航欄(幾種狀態)切換請求資料操作同一個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 執行請求資料。請求方法因人而異。
此篇文章只是為了給自己存個檔,我自己是解決了自動回滾到頂部問題,不喜勿噴。