本文介绍了在前端开发中，如何利用jQuery实现滚动加载效果。当在移动端遇到大量数据展示时，滚动加载是一种常见且优雅的解决方案。通过监听滚动事件，判断滚动到页面底部并触发加载更多数据的请求，从而避免一次性加载所有数据。文章详细讲解了滚动事件的原理和实现方法，包括获取滚动视窗高度、滚动内容总高度和当前已滚动距离等关键步骤。
在开发项目时，常常需要展示大量数据。如果全部显示出来，数据相对少时，看不出来什么不同，如果数据很多时，一次请求全部显示，这就相当可怕了。
面对这种问题，PC里使用了分页效果，将数据分成一页页，换页时请求当前页数据，
而屏幕较小的移动端，分页就不怎么好看了，常用的方法是滚动到底部时继续加载数据
滚动加载其实也是一种分页，只是不使用页码而已。
（一）、滚动事件的效果和原理
效果： 滚动到当前页的底部时，会转圈圈缓冲加载下一页的数据，完成后滚动区域和内容增加，以此类推；
原理： 3个数据（滚动视窗高度，滚动内容总高度， 当前已滚距离），
1个临界（滚动内容总高度 = 当前已滚距离 + 滚动视窗高度）
1.获取滚动视窗高度： ( w i n d o w ) . h e
最低0.47元/天 解锁文章
1676
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
