一个项目中遇到的问题，如何分页？请大家指点

Question

记录每个记录的高度然后点击下页时 通过定义scrollTop值来实现例子
<span id="dd" style="overflow:scroll;height:200;width:400">
dgdfg
<br>dfgdfg
<br>dfgdfg
<br>dfgdfg
<br>dfgdfg
dfg<br>dfg
dfgdf<br>g
dfgdfg<br>
dfgdf<br>g
df<br>g
dfgdf<br>g
df<br>g
df<br>g
dfg<br></span>
<script language="javascript">
<!--
dd.scrollTop=100;
//-->
</script>

Answer 1

我觉得还是调用dd.clientHeight比较好，一次滚动一屏的高度,但是好象只能动一次，再点就没有反应了,我试了滚动后刷新,返回false等方法,都不行.另外这种方法只能向下滚，要是想往回翻动一屏怎么办?

Answer 2

<span id="dd" style="overflow:scroll;height:100;width:400">
dgdfg
<br>dfgdfg
<br>dfgdfg
<br>dfgdfg
<br>dfgdfg
dfg<br>dfg
dfgdf<br>g
dfgdfg<br>
dfgdf<br>g
df<br>g
dfgdf<br>g
df<br>g
<br>dfgdfg
<br>dfgdfg
dfg<br>dfg
dfgdf<br>g
dfgdfg<br>
dfgdf<br>g
df<br>g
dfgdf<br>g
df<br>g
df<br>g
dfg<br></span>
<script language="javascript">
<!--
var page1 = 0;
var page2 = 50;
var page3 = 100;function toPage(index)
{
dd.scrollTop=eval("page"+index);
}
//-->
</script>
<input type=button onclick="toPage(1)" value="第1">
<input type=button onclick="toPage(2)" value="第2">
<input type=button onclick="toPage(3)" value="第3">是你说的效果吗

Answer 3

不太是，记录的条数是不固定的,可能100也可能是1000,并且全部显示在div层中，这个层在一个表单里，层下面有四个按钮,分别是首页(按下之后跳回到第一条记录),下一页(层的滚动条向下跳1个div层的高度),上一页(层的滚动条向上跳转1div层的高度),与尾页(跳到最后一条记录),按照兄弟的指点我实现了下一页,代码如下:
<script language="JavaScript" type="text/JavaScript">
function scrollNext(){
//move one screen(about 17 rows of a table when click next button)
divScreen=D_DETAIL.clientHeight;//D_DETAIL is div's id
D_DETAIL.scrollTop=divScreen;
//return false;
}
</script>
<input onclick="scrollNext()">之后只能跳一次，再点就没有反应了,另外上一页的功能我不知该如何实现……

Answer 4

你设定
每记录的高度
var recordHeight = 20;
每页显示的记录数 
var recordsPerPage = 30;那么你每页的高度就是
var pageHeight = recordHeight * recordsPerPage由此你可得出
page1  = 0
page2 = 1*pageHeight
page3 = 2*pageHeight
.......类推

Answer 5

你给我个邮箱我明天给你发个实战例子。利用JSP的