文章详情页

html - 切换页面不刷新的保存状态方法；

更多 QQ空间微信 QQ好友腾讯朋友复制链接

【字号：大中小】日期：2023-01-13 08:52:17浏览：14作者：猪猪

问题描述

不停点加载更多，然后再进入某个条目的页面，返回后还是能返回相同的位置。并且在顶端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 start -a dockername 老是卡住，什么情况？2. docker安装后出现Cannot connect to the Docker daemon.3. docker镜像push报错4. 为什么我ping不通我的docker容器呢？？？5. macos - mac下docker如何设置代理6. docker-compose 为何找不到配置文件？7. nignx - docker内nginx 80端口被占用8. 求解答：访问不了虚拟服务器的问题？9. 新手学习vue和node.js的困惑10. boot2docker无法启动