jQuery实现 浏览器后退到上次浏览位置

时间:2021-10-29 17:41:37

  近日看腾讯、新浪的移动端网站,发现一件非常蛋疼的事情,在列表浏览内容,我往下翻,往下翻,突然,看到一个十分霸气的标题,于是点到文章查看详细内容,若干时间后,点回退按钮,浏览器回退到页面的最顶部了。

  于是就写了这么一个jQery的小插件,当然,写完之后发现PC端的chrome可以记录浏览位置,泪奔

  插件很简单,就是监听浏览器的滚动事件, 通过改变地址栏hash值记录访问位置,方便后退继续往后浏览器内容。

  适用于文章列表。

  使用方法: $('.setHash').BackToHash();

  .setHash为列表元素选择器,需要设置有id或者name属性,如果列表内容会通过ajax追加,请设置参数mayAdd为true,或者在追加完成后调用add方法。

  详细使用可以看demo

github地址:https://github.com/feng524822/BackToHash