前端js实现下拉加载数据

HTML页面加载:

<script>
    // 调用echatrs 热点词云
    frepkeywordstat();
    //事件管理
    sjgllist();
    document.getElementById("eventList").addEventListener("scroll", eventDetail); //添加监听器，监听下滑事件是否到底
</script>

js:

var pageSize=6;
var isloading = 0;//防止无限滚动加载
var eventDetail =function(arg){//事件明细
    if (!isScrollToPageBottom()) {
        return;
    }
    limit = limit+10;
    sjgllist();//加载数据的方法
}

//检测滚动条是否滚动到页面底部
function isScrollToPageBottom() {
    var scroll = document.getElementById("eventList");
    var clientHeight = scroll.clientHeight; //页面显示的高度
    var scrollHeight = scroll.scrollHeight; //元素总高度，scrollHeight=clientHeight+scrollTop
    var scrollTop = scroll.scrollTop;
    console.log("scrollTop: " + scroll.scrollTop)
    
    return (scrollHeight - clientHeight - scrollTop < 50)&& isloading == 0;
}