js实现滚轮滑动到底部自动加载（完整版）

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