文章詳情頁(yè)
html - 切換頁(yè)面不刷新的保存狀態(tài)方法;
瀏覽:139日期: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ù)離開(kāi)頁(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. docker網(wǎng)絡(luò)端口映射,沒(méi)有方便點(diǎn)的操作方法么?2. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?3. docker start -a dockername 老是卡住,什么情況?4. docker gitlab 如何git clone?5. css3 - flex現(xiàn)在的兼容性如何6. javascript - 在bower.json中只有 bootstrap的信息并沒(méi)又其依賴的jquery。7. javascript - HTML 原生js怎么控制table根據(jù)0,1值來(lái)顯示或者隱藏8. dockerfile - [docker build image失敗- npm install]9. docker不顯示端口映射呢?10. docker-compose 為何找不到配置文件?
排行榜

熱門(mén)標(biāo)簽