这里我们用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中使用