文章详情页
html - 切换页面不刷新的保存状态方法;
浏览:46日期: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. javascript - vuejs 如何给option 添加点击事件2. html5 - vue项目中vuex存储问题3. mysql - spring data jpa 方法sql复杂查询?4. 微信订阅号如何用渠道二维码统计地推效果?5. 想练支付宝对接和微信支付对接开发(Java),好像个人不可以,怎么弄个企业的呢?6. javascript - QQ第三方登录的问题7. 并发 - python多进程+协程的正确姿势?8. python sqlalchemy create_engine问题9. 网页爬虫 - python爬虫翻页问题,请问各位大神我这段代码怎样翻页,还有价格要登陆后才能看到,应该怎么解决10. mysql - PHP 批量插入的时候 判断数据表里面是否重复怎么优化
排行榜
![android - MVP模式 包的结构](http://www.haobala.com/attached/image/news/202311/095852d398.png)