foreach循环列出的数据，如何实现页面上拉加载更多的效果？

2025年03月22日 13:00

有1个网友回答

网友（1）：

这种效果必须前端和后台结合，需要通过具体的实例才能描述清楚，所以还真没法给出具体的源码（你自己都没提供代码，我们给了源码你不还照样要经过大量修改才能用吗），只能给出大方向了，至于采纳与否我不在意，反正我几十万的财富值也不差你这100：
页面首次显示时，后台php只给出第1页（假定1页10条）数据即可，前端在数据的的最后添加一个高度为0的div，然后js在页面的滚动事件中检测这个div是否已出现在可视范围（这意味着内容已显示完，可以加载更多了），这个可以用 div.offsetTop <= document.body.scrollTop+document.body.clientHeight 来判断，如果是，就用ajax向后台php请求下一页10条数据，ajax的回调函数中把php返回的数据插入到上述的div的前面，这时候页面就有20条数据了，当再次向上滚动页面时，上述过程即可重复，直到后台返回数据全部提取完毕的信息为止。