在开发项目时,常常需要展示大量数据。如果全部显示出来,数据相对少时,看不出来什么不同,如果数据很多时,一次请求全部显示,这就相当可怕了。
面对这种问题,PC里使用了分页效果,将数据分成一页页,换页时请求当前页数据,
而屏幕较小的移动端,分页就不怎么好看了,常用的方法是滚动到底部时继续加载数据
滚动加载其实也是一种分页,只是不使用页码而已。
(一)、滚动事件的效果和原理
效果: 滚动到当前页的底部时,会转圈圈缓冲加载下一页的数据,完成后滚动区域和内容增加,以此类推;
原理: 3个数据(滚动视窗高度,滚动内容总高度, 当前已滚距离),
1个临界(滚动内容总高度 = 当前已滚距离 + 滚动视窗高度)
1.获取滚动视窗高度: ( w i n d o w ) . h e