html5 产品列表点击其中一个产品进入产品详情,从产品详情页面返回到产品页面,要实现点击回到那个产品的位置

html5 产品列表点击其中一个产品进入产品详情,从产品详情页面返回到产品页面,要实现点击回到那个产品的位置

window.history.go(-1);

比较老式但比较简单的办法是:在列表页每个项目上加一个锚点,例如:

/xxxxx/xxxxx/list
<li id="item_001" ...>...</li>
<li id="item_002" ...>...</li>
<li id="item_003" ...>...</li>

然后在详情页面的返回列表的链接上加上锚点

/xxxxx/xxxxx/detail_002
<a href="/xxxxx/xxxxx/list#item_002">返回列表页</a>

类似方法还有很多,不过这种方法兼容性最强,而且容易实现

跳转前记录点击位置存在比如localStorage里,返回列表页的时候取出localStorage里的位置,然后滚动到该位置,然后清掉localStorage
这样做的话如果列表页是分页加载的,还需要处理分页数据

history.back();
history.go(-1);
go()的参数正数为前进,负数为后退,0为刷新

  • php数字递增 001 in 002 in 003 逐步递增
  • 为什么redis在java是同步缓存,而在nodejs是异步缓存?
  • 请教关于网页图片缩放问题。
  • 我写这个css代码,要是在<th>中有个<span>的话,就取消居中,怎么弄呢?
  • Phalcon中volt 如何让生成的cache文件只占一行
  • 如何自学Angular?都需要看些什么书?
  • 请教,jquery mobile如何实现触摸屏幕拖动div或者其他元素?
  • php可以按天连续去两周的更新数据吗
  • 刷新页面会触发hashchange事件吗?
  • JQuery修改SVG标签颜色无效,行内CSS既然不是优先级最高?
  • 如何学sea.js,knockout.js,node.js,npm.js等???