日期:2014-05-16  浏览次数:20408 次

javascript记录页面位置,切换回来时依然停留在开始访问的地方
1、如果你的你有很多的页面,那么在访问当前页面的时候,中途又去看了别的页面,那么怎么让你返回的时候使页面依然停留在开始访问的位置呢?这里我用到的是scroll.
首先是写一个公共的记录页面滚动的方法可以理解为java里面的接口:

scroll=(function(){
  var list =[];
  $(window).scroll(function(){
     for (var i=0;i<list.length;i++){
         if(list[i].scroll){
             list[i].scroll(this.scrollY);
         }
     }
  });
  return {
     addListener:function(page){
        list.push(page);
     }
     removeListener: function (page) {
for(var i = 0, len = list.length; i < len; i++) {
    if(list[i].name == page.name) {
    list.splice(0, i);
        }
     }
  };
})();

2、公共的scroll方法写好了,怎么去调呢?
这个就要注入到每个page里面去了,这样页面滚动的时候无论是哪个页面都知道此时页面在滚动。
scroll.addListener(this); 通过scroll调里面的addlistener方法把当前页面放到里面。
3、现在每个页面都能知道页面发生滚动了,并且也知道页面滚动的距离,我们要做的就是判断滚动的页面是否是当前页面,如果是我们就把滚动的值存到当前页面,下次显示的时候用scrollTo(value,value)
让它显示的时候正好停留在上次访问的地方。
scroll: function(scrollY) {
    var cur_page = $.phonegap.pageManage.activityPage;   // 组
   
    if($.phonegap.pageManage.page(cur_page).isGroup) {
    cur_page = $.phonegap.pageManage.page(cur_page).activityPage;  //页面
    }
    if (cur_page == this.name) {
    this.scroll_length = scrollY;
    }
    }
可能每个人的写法不一样的但是思想是差不多的。这就是我实现的所有代码。欢迎指出不足!