文章詳情頁
html - 切換頁面不刷新的保存狀態方法；
瀏覽：131日期：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. 就一臺服務器，mysql數據庫想實現自動備份，如何設計？2. mysql - thinkphp5 在MAC電腦本地正常，部署LINUX服務器之后，模型不存在3. 編輯管理員信息時，為什么沒有修改過的內容會為空？4. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？5. javascript - 百度圖片切換圖片時url會改變，但無刷新，沒用hash，IE8也支持，請問是用了什么技術？6. 這是什么情況？？？7. node.js - win10如何安裝并使用babel？8. python - xpath中如何使用變量9. APP上傳到電腦服務器，出現數據上傳不完整的問題10. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？
排行榜
網公網安備