jquery鼠标滚动分页加载数据

最新推荐文章于 2021-11-12 17:04:18 发布

IvenWong

最新推荐文章于 2021-11-12 17:04:18 发布

阅读量596

点赞数

分类专栏： JS学习笔记文章标签： javascript jquery html

本文链接：https://blog.youkuaiyun.com/IvenLuffy/article/details/107408905

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            overflow: auto;
            margin: 0;
            padding: 0;
        }
    </style>
    <script src="../formbuilder2/js/jquery.min.js"></script>
</head>
<body id="container"></body>
</html>
<script>
    /**
     * jquery鼠标滚动分页加载数据
     * @param {string/object} container -容器对象/容器id、类名、标签名等
     * @param {boolean} mode -加载方式,true向上滚动加载，false向下滚动加载
     * @param {function} loadFn -加载数据方法,可使用同步请求加载或以loading的true/false作标记是否正在加载，保证当次请求结束后才进行下次请求
     * @param {number} pageindex -加载开始页码
     * @param {number} pagesize -每页加载记录数量
     * @param {...*} args -loadFn函数的相关任意类型个数参数
     * @description 请在容器中设置滚动条overflow样式,防止滚动