这里我们用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-657382.html
文章来源地址https://www.toymoban.com/news/detail-657382.html
到了这里，关于js实现滚轮滑动到底部自动加载的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
