|
使用j2ee技术进行web开发时，遇到这样的问题：
我的jsp页面是一个“问题-答案”不断生成的页面：就是一个问题对应一个回答list，当选择一个回答后，点击“next”按钮，根据该问题以及该问题的回答去数据库里查找下一个问题和回答list ，并在jsp页面上上一个“问题-答案对”下面显示新生成的“问题-答案对”。。。如此反复循环，直到没有再找到问题和回答list为止。这里的问题就是，如果“问题-答案对”很多，超过一屏显示时，页面会很长，这时出现滚动条，如果不加以控制的话，每次点击“next”按钮页面刷新后将重新定位到最上端，这样在继续选择下一个答案时很不方便，希望能够在页面刷新时，将页面定位到刚才刷新页面前的位置，或者定位到现在新生成的“问题-答案”对的位置。
具体的解决方案时：
在页面刷新前记下当前的滚动条的位置，并将其传递到服务器端的actionForm中的“scrollPost”（在actionForm自己定义的一个属性）属性中保存，在服务器返回该servlet时，同时返回该属性值，在jsp中接收到该属性值后，在服务器生成的页面的onLoad事件将滚动条位置设置为该属性值。
具体的实现代码如下：
jsp中：
<script type="text/javascript">
function doScroll(){
var form = document.forms[0];
form.scrollPosit.value = document.body.scrollTop;
}
function scrollback(){
var form = document.forms[0];
document.body.scrollTop = form.scrollPosit.value + 28;
}
</script>
<body οnscrοll="doScroll()" οnlοad="scrollback()">
<html:hidden property="scrollPosit" />
。。。。。。
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;
} | 
转播
