求一段源码
我要写一个分页
与 新浪微薄的分页有点相同 (向下拉到底就加载,加载三段后,就显示分页页数)。
还请教一下怎么写,我下了一个新浪微薄源码,可惜是JAVA的,看不懂。
有高手做过嘛?
——本文来源gao.dai.ma.com搞@代*码#网搞代gaodaima码解决方案——————–
按需加载?
这个效果需要由 js 实现,php只负责提供数据
——解决方案——————–
jquery 有这种插件 显示内容,比较多的是显示图片,屏幕到了哪一块就加载,不过插件名字 还是老样子 不记得了.
——解决方案——————–
有好多:
10款无限滚动自动翻页jquery插件
——解决方案——————–
关键在于判断垂直滚动条的位置
当滚动条顶部到达某个位置时,通过 ajax 向 php 请求数据
如此循环而已
——解决方案——————–
一面就10条微博, js维护当前用户页面上的条目个数, 用ajax拉更新, 更改条目个数, 条目个数超30就JS删除后20条, 添加下一页按钮.
其他状态是服务端维护的:
1,用户ajax拉数据,由服务端数据库维护上一次拉时间t1,将t1之后的条目推给用户。
2,用户点击下一页,服务端查数据库按时间排序,分页即可。
有难度吗。
——解决方案——————–
我已经说了,这不是 php 的事情
给你个核心代码,接下来的事情你还是要自己学着做
- JScript code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script>$(document).ready(function(){ $(window).scroll(function() { var h = $(this).scrollTop();// + $(this).height(); var t = $('#control').offset().top; if( h >= t) { $("#view").html($("#view").html() + h + ':' + t + ' new data '); } });});</script>控制位------解决方案--------------------
简单啊,滚动条滚动到指定位置就用AJAX拉取新的记录,每次拉取缓存一下最后一条记录的ID。在DIV里显示内容,判断滚动条位置到达DIV底部的时候,执行拉取方法就好了。
------解决方案--------------------
document.documentElement.scrollTop || document.body.scrollTop|| 0;
先判断scroll距离顶部的值。你想要三页,你大概的算一下三页的高度。
if(s<3000){
//假如3000是你三页的高,那么小于3000的就让它继续加载内容
}else{
//如果等于或者大于了,那么就在这里show出你的分页。
}//根据你的实际情况去修改,思路你懂了吗