最近在做一个移动端的项目。首页是信息流列表。最后一次点击的信息位置严重影响体验。 针对这个问题,多方请教度娘,终于解决了。分享给大家,互相鼓励。主要使用知识点:window.sessionStorage.setItem()window.sessionStorage.getItem()window.sessionStorage.removeItem()解决步骤:添加到第1页,本地存储window.sessionStorage.setItem首先异步加载ajax,每次滚动到底部时加载信息。所有加载的信息都缓存在本地newBox.on('click','a',function(){varhtml=newBox.html();varsession={html:html};varstr=JSON.stringify(session);window.sessionStorage.setItem('pageCont',str);});2.页面返回window.sessionStorage.getItem获取本地存储的所有信息varstr=window.sessionStorage.getItem('pageCont');varobj=JSON.parse(str);varhtml=obj.html;newBox.html(HTML);//渲染dom元素3,移除本地存储window.sessionStorage.removeItem渲染信息后,移除以清理空间,以备下次使用;window.sessionStorage.removeItem('pageCont');只需使用这三个步骤即可完成,让我们试试吧。原创文章,转载请注明出处。如有任何问题,请指教,我们共同进步。
