文章詳情頁(yè)
html - 切換頁(yè)面不刷新的保存狀態(tài)方法;
瀏覽:132日期:2023-01-13 08:52:17
問(wèn)題描述
不停點(diǎn)加載更多,然后再進(jìn)入某個(gè)條目的頁(yè)面,返回后還是能返回相同的位置。并且在頂端TAB之間切換,各頁(yè)面內(nèi)容也都保持。利用H5切換地址能做到頁(yè)面不刷新,//onchange#/home 切換主頁(yè)$('body').html(home)#/artcle 切換文章頁(yè)$('body').html(artcle)
但是頁(yè)面切換html代碼給替換了,如何保存之前的數(shù)據(jù)和狀態(tài)還有滾動(dòng)的位置呢?
問(wèn)題解答
回答1:用localStorage保存scrollTop和數(shù)據(jù),然后if localStorage有數(shù)據(jù)的時(shí)候填充數(shù)據(jù)離開頁(yè)面時(shí)清空l(shuí)ocalStorage
標(biāo)簽:
HTML
上一條:html - css 的::-webkit-scrollbar 只能夠設(shè)置垂直滾動(dòng)條的寬度??如何設(shè)置水平滾動(dòng)條的寬度??下一條:html5 - 求一個(gè)獲取手機(jī)定位的小demo,web端的 Geolocation
相關(guān)文章:
1. PHP單例模式2. mysql 5萬(wàn)張表 導(dǎo)出成sql 不要內(nèi)容,只要結(jié)構(gòu),非常慢。如何解決啊?3. mysql - eclispe無(wú)法打開數(shù)據(jù)庫(kù)連接4. 數(shù)據(jù)庫(kù) - mysql中有沒(méi)查看數(shù)據(jù)大小的函數(shù)??5. 導(dǎo)入數(shù)據(jù)庫(kù)不成功6. mysql如何配置遠(yuǎn)程php外網(wǎng)鏈接數(shù)據(jù)庫(kù)7. 老師 我是一個(gè)沒(méi)有學(xué)過(guò)php語(yǔ)言的準(zhǔn)畢業(yè)生 我希望您能幫我一下8. mysql - 關(guān)于數(shù)據(jù)緩存策略方面的疑惑9. mysql如何判斷數(shù)據(jù)不存在則插入呢?10. mysql無(wú)法刪除字段(錯(cuò)誤1091),但是對(duì)該字段設(shè)置主鍵后就可刪除,為什么?
排行榜

熱門標(biāo)簽