PHP结合Vue实现滚动底部加载效果
发布时间:2021-03-31 00:22:11 所属栏目:编程 来源:网络整理
导读:前言 最近的一个项目手机端分页跳转不理想,自己做了一个滚动加载的一个Demo,下面话不多说了,来一起看看详细的介绍吧。 实现思路 1.获得滚动条到底部的距离 getScrollBottomHeight() 2.绑定滚动事件 handleScroll() , handleScroll() 判断滚动条到底部距
前言最近的一个项目手机端分页跳转不理想,自己做了一个滚动加载的一个Demo,下面话不多说了,来一起看看详细的介绍吧。 实现思路 1.获得滚动条到底部的距离 2.绑定滚动事件 3.Ajax请求load.php,通过Page去查询获得当前页数(page+1)的内容 4.将获取的内容,push 到 list中,完成后Vue 自动渲染新的列表,loading变为false 核心Dom结构Javascript代码总结以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持。 (编辑:好传媒门户网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐
热点阅读