jQuery滚动事件之鼠标滚动到底部再加载数据

最新推荐文章于 2024-06-18 15:31:40 发布

依然绿茶

最新推荐文章于 2024-06-18 15:31:40 发布

阅读量1w

点赞数 1

分类专栏：前端开发文章标签： web前端开发 JavaScript 滚动 scroll

本文链接：https://blog.csdn.net/whu_zhangmin/article/details/42776207

版权

本文介绍了一个常见的前端开发技巧，利用jQuery监听滚动事件，在用户滚动到页面底部时动态加载更多数据。通过实例代码展示了如何实现这一功能。

摘要由CSDN通过智能技术生成

我们见过很多滚动事件：当滑动到List列表底部时，再新加载数据。

废话不多说，直接上代码

以下是 scroll.html代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>滚动条测试</title>
    
    <style>
        .parent_div {
            width: auto;
            height: auto
        }
    </style>
</head>
<body>

<div class="parent_div">
    <ul id="my_list">
        <li>This is list item origin.</li>
    </ul>
</div>


<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<script src="scroll.js"></script>
</body>
</html>

最低0.47元/天解锁文章

依然绿茶

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
jQuery滚动事件之鼠标滚动到底部再加载数据

我们见过很多滚动事件：当滑动到List列表底部时，再新加载数据。废话不多说，直接上代码以下是 scroll.html代码滚动条测试 .parent_div { width: auto; height: auto } Th
复制链接

扫一扫

专栏目录