这里我们用vue实现(原生js相似),
这里我们用一个div当作一个容器;
<div class="JL" @scroll="onScroll" ref="inin">
<div v-for="(item,index) in this.list" :key="index" >
.....
</div>
</div>
data(){
return{
//展示数据
list:[],
//是否正在加载
isLoading:false,
//是否无数据可加载
isNoMore:false,
page:""
}
}
css样式
给上面div添加一个高度
.JL{
height:200px;
//自动生成滚动条
overflow:auto;
}
在methods中编写我们的滚动条方法
onScroll(){
// let innerHeight=document.querySelector("JL").clientHeight //js中使用
//let scrollHeight=document.querySelector("JL").scrollHeight //js中使用文章来源:https://www.toymoban.com/news/detail-664130.html
文章来源地址https://www.toymoban.com/news/detail-664130.html
到了这里,关于js实现滚轮滑动到底部自动加载(完整版)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!