页面滚动条 刷新后 保持在原来的位置

时间:2022-12-01 10:29:35

页面滚动条 刷新后 保持在原来的位置


场景: 上图两个jsp页面

prOJECTYEARPLANSUMMARYList.jsp

prOJECTYEARPLANSUMMARYSelectListNoPage.jsp
list.jsp 里面有个iframe   <iframe name="result" id="result" scrolling="yes" width="100%" height="100%" src=""  frameborder=0></iframe> 包含 selectListNoPage.jsp的   >>>滚动条是在 nopage.jsp页面上
操作:当修改记录表中的一条记录后 要保持滚动条 在原来那个位置上
在点击修改的时候 先把nopage.jsp的滚动条的位置(currScrollTop)获取 , 传到后台 , 修改好后 刷新nopage.jsp 并把  把这个currScrollTop传到nopage.jsp的父页面 List.jsp 然后selectListNoPage.jsp中如下写: $(function (){
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
var nScrollTop = parent.currScrollTop; //滚动到的当前位置
var nDivHight = $("#contentDiv").height();
var top11 = parent.nScrollTop;
$("#contentDiv").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
if(nScrollTop + nDivHight >= nScrollHight){
}
});
$("#contentDiv").scrollTop(nScrollTop);
});