猿问

页面跳转后返回原页面回到原页面跳转前的位置怎么实现?

移动端A页面用了iscroll插件滚动显示订单,通过几次ajax加载更多的订单后点击订单详情跳转到订单详情B页面,要求是从B页面返回时(如安卓手机点击安卓手机的返回键)不刷新页面并停留在点击订单详情的那个订单的位置上?用了history,onbeforeunload好像都实现不了,如果A页面没经过ajax加载更多怎么实现,若加载了几次又怎么实现呢

慕粉1430088708
浏览 11141回答 1
1回答

woshiajuana

你都不做数据缓存吗,如果没有用到框架,那思路可以这样假如一页有20项数据,下拉每次加载10条,然后你要把这些数据都给存在session Storage中,然后你跳转订单详情的时候要把滚动条的位置缓存在session Storage,再一次回退到这个页面到时候,先去取数据,然后再让滚动条滚动到你记录的位置即可流程就是订单页,先去判断sessionStorage有没有缓存订单数据,如果有,则获取订单数据渲染页面,再获取sessionStorage中的位置信息,如果位置信息没有,则滚动距离默认为0,有的话让滚动条滚动到指定位置。如果sessionStorage中没有订单数据,则先用ajax去获取订单数据,然后执行存储sessionStorage下拉加载数据,把数据要与之前请求的数据合并在同一个数组里,然后再缓存在sessionStorage中跳订单详情页面的时候,记得缓存滚动条的位置
随时随地看视频慕课网APP
我要回答