瀑布流无限加载的原理

文中可能有不对的地方仅供参考

无限加载也叫上拉自动加载、瀑布流、滑动底部加载等,具体指的是页面刚开始不加载全部内容, 先加载首屏或者用户屏幕可见内容,当用户滑动页面到底部后,页面才自动加载更多内容。

通过window.scrollY获取界面滚动多少距离
通过windwo,innerHeight获取视窗的高度
然后获取列表容器的高度 contentHeight

window.scrollY + window,innerHeight < contentHeight
说明列表底部还没有显示出来

window.scrollY + window,innerHeight === contentHeight
说明列表底部已经到底部,然后进行加载下一页

猜你喜欢

转载自blog.csdn.net/qq_26889291/article/details/121430375