文章詳情頁
html - 切換頁面不刷新的保存狀態方法；
瀏覽：117日期：2023-01-13 08:52:17
問題描述
不停點加載更多，然后再進入某個條目的頁面，返回后還是能返回相同的位置。并且在頂端TAB之間切換，各頁面內容也都保持。利用H5切換地址能做到頁面不刷新，//onchange#/home 切換主頁$('body').html(home)#/artcle 切換文章頁$('body').html(artcle)
但是頁面切換html代碼給替換了，如何保存之前的數據和狀態還有滾動的位置呢？
問題解答
回答1：用localStorage保存scrollTop和數據，然后if localStorage有數據的時候填充數據離開頁面時清空localStorage
標簽：
HTML
上一條：html - css 的::-webkit-scrollbar 只能夠設置垂直滾動條的寬度？？如何設置水平滾動條的寬度??下一條：html5 - 求一個獲取手機定位的小demo，web端的 Geolocation
相關文章：
1. angular.js - webpack build后的angularjs路由跳轉問題2. 數組按鍵值封裝！3. java - web項目中，用戶登陸信息存儲在session中好 還是cookie中好，取決于什么？4. mysql - 根據一個字段查找另一個字段重復的數據？并刪除相同的記錄，保留其中一個。5. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的，如果分拆3次的話就沒問題，為什么呢。6. 單擊登錄按鈕無反應7. mysql - 大部分數據沒有行溢出的text字段是否需要拆表8. ubuntu - mysql 連接問題9. Mysql取下一條記錄10. mysql儲存json錯誤
排行榜
網公網安備