文章詳情頁
html - 切換頁面不刷新的保存狀態方法;
瀏覽:215日期: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. docker鏡像push報錯2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. 關于docker下的nginx壓力測試4. docker - 如何修改運行中容器的配置5. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題6. angular.js - angularjs的自定義過濾器如何給文字加顏色?7. 前端 - @media query 使用出現的問題?8. html - css氣泡,實現“倒三角(不知道算不算三角了)”可透明的。9. html5和Flash對抗是什么情況?10. java - 如何點擊按鈕,重新運行(我是初學者)?
排行榜

網公網安備