文章详情页
html - 切换页面不刷新的保存状态方法；
浏览：237日期：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绑定了nginx端口 外部访问不到2. javascript - [MUI 子webview定位]3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. dockerfile - 为什么docker容器启动不了？5. angular.js - angular内容过长展开收起效果6. macos - mac下docker如何设置代理7. docker网络端口映射，没有方便点的操作方法么？8. javascript - 新组成的数组打印出来出现问题，里面有对象，但长度为空9. angular.js使用$resource服务把数据存入mongodb的问题。10. vue.js - Vue APP基于webpack的项目，它是独立的项目吗？我后台是Java的，要如何实现，跨域请求吗？大牛请教一下谢谢
排行榜
网公网安备