通过cookie实现手机页面自动记忆浏览位置的功能

var scrollTop;
var strTop = window.location.href;//多个页面的记忆功能,需要通过页面地址来分辨cookie名称
$(document).scroll(function () {
  scrollTop = $(document).scrollTop(); //获取滚动条位置
  $.cookie(strTop,scrollTop,{ expires: 1 });生成cookie

        var TopCookie = $.cookie(window.location.href);//获取cookie

  if (TopCookie) {
   $(document).scrollTop(TopCookie); //滚动条滚回原来的位置

  }

})

如果页面是动态加载的,则需要根据相应的加载规则进行页面还原后,再读取cookie控制滚动条

posted @ 2018-03-29 16:54  野望之风  阅读(256)  评论(0编辑  收藏  举报