如何用滚动条分页？

如何用滚动条分页？这是源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

function user( )
{

var result ="

";
for (var i=0;i {
result +="";

 result +="<td>"+i+"</td>";
 result +="<td>"+i+"</td>";
 result +="<td>"+i+"</td>";
 result +="</tr>";

}
result +="

Name

Class

";
document.getElementById("xianshi").innerHTML=result;
}

<div id="xianshi" >   </div>
<p>如何实现分页呢</p>
</div>

其实qq911110把代码都写得差不多了，我又在上面添了几块砖，你看一下效果吧。

[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

</p> <p>function user(cnt)<br><br> { </p> <pre><code>var result ="<table border=1><tr><td>ID</td><td>Name</td><td>Class</td></tr>"; for (var i=0;i<18;i++) { result +="<tr>"; result +="<td>"+i+'#'+cnt+"</td>"; result +="<td>"+i+'#'+cnt+"</td>"; result +="<td>"+i+'#'+cnt+"</td>"; result +="</tr>"; } result +="</table>"; document.getElementById("xianshi").innerHTML=result; cnt++; } </code></pre> <p>function nextPage() {<br><br> var t = document.getElementById('pagingBar');<br><br> var pageNumber = 10;<br> user(Math.round(t.scrollTop * pageNumber / t.scrollHeight));<br> }<br><br>

用滚动条分页,这个说法好像有点怪，不了

是不是页面的下面(bbar)加个滚动条...如果是的话,忘了是EXTJS和JQUERY看过这么分页的..
楼主搜搜看

不明白你的意思。
一般都是用sql语句来取数实现分页。
还有google reader是采用的ajax来实现的动态加载。每次滚动一次鼠标滑轮，加载一条信息。
如果你想显示一个滚动条可以用框架。也可以用css来表现。

不要没见过就说没有行不行，你去用用google的RSS阅读器，就是这么分页的

这篇文章希望可以帮到你

http://tech.techweb.com.cn/thread-233037-1-1.html

[url]http://www.extjs.com/deploy/dev/examples/grid/buffer.html[/url]

滚动条分页也可以实现的.
你可以用js检测滚动条是否已经滚动到底部.是的话则执行翻页

extjs有控制滚动条和检测滚动条状态的相关函数,你看api

1、进入页面时，只加载部分数据，比如100条记录；
2、然后获得滚动条移动的位置，当快到底部时，通过Ajax方式从后台读取数据，然后显示在页面上。

你可以参考这几篇文章，我就是参考了这遍文章之后，可以自己写分页的，之前一直太会
http://zhaixiaohu.iteye.com/admin/blogs/419377
http://zhaixiaohu.iteye.com/admin/blogs/419910

现在一般我都这么写，查询1页的数据库，显示1页的数据，如果点了下一页，就重复前边。还有种方法就是一次都查询出来，点击下一页的时候，就把第2页的内容放上。

楼主意思是说像google reader那样的效果吧？滚动条往下拖自动加载下一页。ajax实现。 :D请允许我的懒惰，请看：http://www.iteye.com/topic/140386

这是我写的一个简单的例子，你可以看看
[code="java"]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档 function user() { var result ="<table border=1><tr><td>ID</td><td>Name</td><td>Class</td></tr>"; for (var i=0;i<18;i++) { result +="<tr>"; result +="<td>"+i+"</td>"; result +="<td>"+i+"</td>"; result +="<td>"+i+"</td>"; result +="</tr>"; } result +="</table>"; document.getElementById("xianshi").innerHTML+=result; } function nextPage() { var t = document.getElementById('xianshi'); if (t.scrollTop + t.clientHeight +150>= t.scrollHeight) { user(); } }

[url]http://developer.yahoo.com/yui/examples/slider/slider-simple.html[/url]

这个是竖着的.你换一下就可以了.都是yahoo UI的组建

这个问题你调整一下整个Div的宽度就行了，如果还有问题，可以发站内短信联系我。
[code="html"]

[/code]

你可以定义个全局的store={};
如果触发滚动事件时，你就把要传出的数据存在这个store中。

如何用滚动条分页 ？

如何用滚动条分页？