列表頁跳轉到詳情頁,點擊返回 回到原位置


新聞流和游戲列表需要實現 跳轉到詳情頁后返回,回到原位置。

新聞流:

  新聞資源支持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點擊返回鍵前的狀態)。

       導致不能多層返回。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM