javascript记录页面位置,切换回来时依然停留在开始访问的地方

20 篇文章 0 订阅
18 篇文章 0 订阅
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; 
    } 
    } 

转自: http://yangsongjing.iteye.com/blog/1545403
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值