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