vue加jq的下拉加载总结

Posted dongfangtaling

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue加jq的下拉加载总结相关的知识,希望对你有一定的参考价值。

技术分享图片

先贴代码。要想做下拉加载 ,那么就有一个得先判断在什么时候去加载。我做的判断是当底部离页面还有100左右是我就设置加载。所以,我先获取所有的li列表。然后设置body的高度,拿到body高度,在拿到网页滚动过的高度。把列表的高度减去body加滚动过的高度。就是底部离页面的距离高度。

技术分享图片

使用vue的钩子函数,不懂得可以先看vue文档。然后在使用监听滚动条的事件。其他一切看代码。

以上是关于vue加jq的下拉加载总结的主要内容,如果未能解决你的问题,请参考以下文章

JQ - 实现元素滚动下拉加载

vue移动端Ui组件 mint-ui 使用指南

最详细的vue+vant的上拉加载,下拉刷新

简单实现个vue的下拉加载

vue中好用的下拉刷新、上拉加载插件mescroll.js

jQuery实现下拉加载更多