在開發(fā)上遇到的一個情況，不知道怎么處理！情形如下
一個產(chǎn)品列表頁面，
滾動了一定的距離。
點(diǎn)擊一個產(chǎn)品進(jìn)去了！然后按返回鍵，回去產(chǎn)品列表頁面的時候，由于重新加載了路由。產(chǎn)品列表頁面又回到了頂部
1.有沒有辦法處理，就是回到產(chǎn)品列表頁面的時候，回到在之前的那個滾動距離？
2.除了滾動，產(chǎn)品列表也可能有換頁，那么返回應(yīng)該如何回到之前的頁數(shù)和滾動距離？
3.如果產(chǎn)品列表頁有加載更多，如果加載了100個，就有100張圖片，點(diǎn)擊詳情進(jìn)去了，然后返回，如果要回到之前的滾動距離，一下子加載100張圖片，感覺對手機(jī)的考驗(yàn)有點(diǎn)苛刻，有沒有好一點(diǎn)的方法推薦？
4.如果產(chǎn)品詳情有跳轉(zhuǎn)的操作頁面，那么進(jìn)去其它的頁面之后，再點(diǎn)擊返回又應(yīng)該怎么處理？
vue-router 官方文檔里有關(guān)于滾動行為的內(nèi)容：https://router.vuejs.org/zh-c...
具體加載100個圖片的問題，如果圖片大小確定的，可以先用占位符占好位，再對圖片進(jìn)行懶加載
方案一：最好的方式是改造移動端 web 開發(fā)框架，讓其支持切換頁面，并不銷毀頁面訪問路徑內(nèi)的頁面，只是將其隱藏，而且這樣更方便來做切頁動畫。不過這種方案成本比較高一點(diǎn)。
方案二：切頁的時候，通過 QueryString 將當(dāng)前頁面信息，如頁碼，過濾條件等帶到下一頁，返回后再帶回來，依據(jù)其重新加載頁面并滾動屏幕?；蛘邔⑦@些信息存放到 localStorage 里。
本地存儲(localStorage等)移動端兼容性挺好的，所以考慮用這個。在列表頁面離開時，存儲相關(guān)信息，例如當(dāng)前位置，頁碼等，至于100張的問題，可以考慮用分頁，也就是說，按返回時，只根據(jù)本地存儲里的信息（例如頁碼等）去獲取列表，如果你的分頁大小是100，那這本身就有問題，我覺得懶加載都不一定能搞定。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年，是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu)，是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市，融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合／校企合作的政策，積極推進(jìn)“中國制造2025”，實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰，中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù)， 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn)，技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3；Javascript及主流js庫，具有快速界面開發(fā)的能力，對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問，美國Dachieve 系統(tǒng)架構(gòu)師，美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。
掃碼關(guān)注鍍金池微信號
手機(jī)訂課，優(yōu)惠多多
