页面刷新后保持页面的位置为刷新前的位置

最新推荐文章于 2024-04-22 13:54:13 发布

yonnieMM

最新推荐文章于 2024-04-22 13:54:13 发布

阅读量7.1k

点赞数 1

文章标签： jsp function string 服务器 list javascript

本文链接：https://blog.csdn.net/yonnieMM/article/details/1953774

版权

使用j2ee技术进行web开发时，遇到这样的问题：

我的jsp页面是一个“问题-答案”不断生成的页面：就是一个问题对应一个回答list，当选择一个回答后，点击“next”按钮，根据该问题以及该问题的回答去数据库里查找下一个问题和回答list ，并在jsp页面上上一个“问题-答案对”下面显示新生成的“问题-答案对”。。。如此反复循环，直到没有再找到问题和回答list为止。这里的问题就是，如果“问题-答案对”很多，超过一屏显示时，页面会很长，这时出现滚动条，如果不加以控制的话，每次点击“next”按钮页面刷新后将重新定位到最上端，这样在继续选择下一个答案时很不方便，希望能够在页面刷新时，将页面定位到刚才刷新页面前的位置，或者定位到现在新生成的“问题-答案”对的位置。

具体的解决方案时：

在页面刷新前记下当前的滚动条的位置，并将其传递到服务器端的actionForm中的“scrollPost”（在actionForm自己定义的一个属性）属性中保存，在服务器返回该servlet时，同时返回该属性值，在jsp中接收到该属性值后，在服务器生成的页面的onLoad事件将滚动条位置设置为该属性值。

具体的实现代码如下：
jsp中：

function scrollback(){
var form = document.forms[0];
document.body.scrollTop = form.scrollPosit.value + 28;
}
</script>

。。。。。。

actionForm中：

    private String scrollPosit;

public String getScrollPosit() {
  return scrollPosit;
}
public void setScrollPosit(String scrollPosit) {
  this.scrollPosit = scrollPosit;
}

注：我在javascript的scrollback函数中的 document.body.scrollTop = form.scrollPosit.value + 28;
这一句中“+ 28” 是为了将页面定位到现在新生成的“问题-答案”对的位置。因为刷新前记录的滚动条位置是当时最后一个“问题-答案对”的位置，页面刷新后又新生成了一个“问题-答案对”，它是随页面刷新时才显示出来的，为了定位到这个位置，所以加上了该“问题-答案对”的像素高度。

总结：该方法也许比较笨，但是实现起来比较简单，逻辑和代码都比较简单，所以笔者采用了这种方法，如果有朋友有更好的方法，希望能够不吝赐教，谢谢。

function scrollback(){
var form = document.forms[0];
document.body.scrollTop = form.scrollPosit.value + 28;
}

yonnieMM

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
页面刷新后保持页面的位置为刷新前的位置

使用j2ee技术进行web开发时，遇到这样的问题：我的jsp页面是一个“问题-答案”不断生成的页面：就是一个问题对应一个回答list，当选择一个回答后，点击“next”按钮，根据该问题以及该问题的回答去数据库里查找下一个问题和回答list ，并在jsp页面上上一个“问题-答案对”下面显示新生成的“问题-答案对”。。。如此反复循环，直到没有再找到问题和回答list为止。这里的问题
复制链接

扫一扫