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

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

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

回答
編輯回答
選擇

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

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

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

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

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

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