2012-12-31 10:50 | 题主 | ||||||||
|
如何开发类似新浪微博这样无限滚动的列表滚动功能? 列表能够边滚动边动态加载数据,并进行展现,类似新浪微博这样的无限滚动功能。希望能给个思路,谢谢。 |
2012-12-31 11:01 | #1 | ||||||||
|
WB不是附带有无限滚动的示例么 看一下不就知道了 |
2012-12-31 11:43 | #2 | ||||||||
|
无限滚动的方式有两种: 1、单向无限滚动,即滚动到一定的进度然后使用Ajax动态加载内容; 2、双向无限滚动,即向前向后均可无限滚动。这个好处是不会由于加载内容过多导致浏览器崩溃,像新浪微博是单向无限滚动,积到一定的量后还得分页了,因为过多加载会导致浏览器崩溃。 双向滚动主是就是监听滚动条onScroll事件,滚动到一定程度后使用Ajax动态提取数据然后添加到列表中。在积累到一定的量后,remove掉最前面加载的dom节点以防止内容积累过多。向上滚动时加载方法同向下滚动。 思路就是这样。 |
2012-12-31 11:52 | #3 | ||||||||
|
谢谢,我就想开发类似新浪微博这样查看数据的功能 |
2012-12-31 15:28 | #4 | ||||||||
|
此类功能,最重要的步骤是记录的定位。 在WebBuilder中变量sys.id始终是正增长的,因此可使用SQL语句获取向后的记录: 使用SQL语句获取向前的记录: 获取记录之后加载列表就相对简单了。 |
2012-12-31 17:17 | #5 | ||||||||
|
不错,mark~ |
2013-01-01 12:01 | #6 | ||||||||
|
不错 就需要这种细节的讲解。呵呵 |
2013-01-01 13:15 | #7 | ||||||||
|
其实解决方案有很多,只要掌握原理,就可根据需求来选择一种最佳方案。 |