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;
}
}
可能每个人的写法不一样的但是思想是差不多的。这就是我实现的所有代码。欢迎指出不足!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值