鍍金池/ 問(wèn)答/人工智能  HTML5  PHP  HTML/ 如何返回上一頁(yè)定位到上次瀏覽的地方

如何返回上一頁(yè)定位到上次瀏覽的地方

我在微信里有一個(gè)商品列表頁(yè),往下滑動(dòng)會(huì)ajax請(qǐng)求下一頁(yè)的數(shù)據(jù)渲染出來(lái),譬如說(shuō)當(dāng)我瀏覽到第五頁(yè)的某個(gè)商品,點(diǎn)擊進(jìn)去再返回的時(shí)候,如何才能讓頁(yè)面直接定位到這個(gè)商品這里,因?yàn)檫@些都是ajax請(qǐng)求,所以不知道該如何下手

回答
編輯回答
選擇

主要看你用什么技術(shù)
我用的vue單頁(yè)并且使用keep-alive
在列表頁(yè)我可以判斷 如果是從詳情返回的話(huà) 不需要加載第一頁(yè)

2017年1月11日 18:52
編輯回答
久舊酒

點(diǎn)擊是獲取當(dāng)前的offsettop 保存起來(lái) 返回頁(yè)面設(shè)置offsettop為之前滾動(dòng)的值

2018年9月11日 12:22
編輯回答
柚稚

這個(gè)需求是老問(wèn)題了,目前我用的感覺(jué)最好的就是這個(gè)插件
https://github.com/luchanan/d...
你可以試試。

  1. h5上拉刷新來(lái)實(shí)現(xiàn)分頁(yè),當(dāng)有很多頁(yè)的話(huà),點(diǎn)擊列表某一頁(yè)去詳細(xì),然后從詳情返回上一頁(yè),可能刷新上一頁(yè),位置不能保持,體驗(yàn)不好
  2. 列表使用a鏈接過(guò)去的,詳情使用window.history.go(-1)返回,有些瀏覽器不刷新上一頁(yè)(ios中safari,UC等),有些頁(yè)面刷新上一頁(yè)(ios中微信等)
  3. 有說(shuō)使用單頁(yè)的話(huà),可以保持。但是之前用過(guò)angular1.X來(lái)實(shí)現(xiàn)單頁(yè),返回貌似也有這個(gè)問(wèn)題(重新執(zhí)行了列表js),最近在github看到有用vue實(shí)現(xiàn)了這個(gè)的效果:https://github.com/lzxb/vue-c...
  4. 有說(shuō)列表用window.open,詳情用window.history.go(-1),h5實(shí)踐了,不可以
2018年9月23日 02:23