文章详情页
html - 切换页面不刷新的保存状态方法;
浏览:27日期: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 - avalon.js ms-on 事件绑定无效 ?2. javascript - vue el 重复挂载 同一个实例3. 最新版的phpstudy的mysql版本只是5.5,有没有5.6或者5.7版本的集成版呀?4. html - 谁能推荐一个类似apple官网的模板,用来展示产品的?5. javascript - 按钮链接到另一个网址 怎么通过百度统计计算按钮的点击数量6. javascript - 页面如何获取重定向的url?7. css - 这个线怎么做,效果是竖直的效果,8. javascript - 请问下面的函数写法什么意思?9. javascript - 关于微信公众号开发的一个trouble!10. javascript - js数组处理时,总在头部多出一个空值
排行榜