列表页进入详情页后返回列表页滚动条回到原来位置,这个问题我是用的localStorage,直接张贴我的代码。
思路:使用localStorage记录容器滚动条距离容器顶部的距离。容器可以是window,可以是html,可以是body,但是当你把html和body的滚动条,overflow: hidden;隐藏了以后,你是用的自己的div里面设计的滚动条,那么就将该div作为对象就好。
var tur=true;
$(function(){
//滚动时保存滚动位置
$(".manager_con").scroll(function(){
if(tur){
setTimeout(scro,500);
tur=false;
}
});
var offset = localStorage.getItem("offsetTop");
$(".manager_con").scrollTop(offset);
});
function scro() {
if($(".manager_con").scrollTop()!=0){
localStorage.setItem("offsetTop", $(".manager_con").scrollTop());
}
tur=true;
}
上面的代码,直接写在列表页就好,可放入一个公共的js中,然后在列表页直接引入就好。
上述代码里,那个.manager_con,我是在这个div里面设置的滚动条,我将html和body的滚动条隐藏了,可自行改变,只要将