新聞流和游戲列表需要實現 跳轉到詳情頁后返回,回到原位置。
新聞流:
新聞資源支持iframe,
利用同源頁面跳轉,瀏覽器不會刷新頁面,通過在iframe中打開新聞詳情頁實現。
location.history.pushState( {} , "title" , location.href );
$("#detailNew iframe").off().remove();
$("#detailNew").append("<iframe src='" + url + "' frameborder='0'></iframe>"); // 注意:重新創建iframe,防止瀏覽器將iframe的src存入history
游戲列表頁:
部分游戲資源不支持Iframe,
點擊游戲卡片后,獲得當前url並添加url參數,記錄當前顯示的條數、頁面卷去的高度;
利用history.pushState()或history.replaceState()修改history后,當前頁面跳轉到詳情頁(不同域)。
仍存在的問題:
上述兩種修改history對象的方法,只是修改了url,頁面並不會刷新。
例如:index.html跳轉到詳情頁,點擊返回,回到記錄的gameMore.html,
再次點擊返回,url變為index.html,但是頁面沒有變化。(還是gameMore.html點擊返回鍵前的狀態)。
導致不能多層返回。