Jquery滚动到页面底部自动Ajax加载图文列表,类似图片懒加载效果,带加载效果

最新推荐文章于 2023-12-07 15:18:32 发布

smartsmile2012

最新推荐文章于 2023-12-07 15:18:32 发布

阅读量3.9w

点赞数 5

分类专栏： JS & Jquery Web

本文链接：https://blog.csdn.net/smartsmile2012/article/details/39343361

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>滚动到页面顶部加载</title>
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/endlesspage.js" type="text/javascript"></script>
     <style type="text/css">
            .mainDiv {
                width: 800px;
                border: solid 1px #f00;
                padding: 10px;
            }

            .item {
                width: 600px;
                height: 50px;
                border: solid 1px #00ff90;
                font-size: 12px;
                margin: 10px;
            }

            .title {
                font-size: 16px;
                line-height: 20px;
            }

            .content {
                line-height: 14px;
            }
            .alink
            {
                display:none;
            }
            .loaddiv
            {
               display:none; 
            }
     </style>
</head>
<body>
    <h1>滚动测试</h1>
    <div class="mainDiv">
        <!--<div class="item">
            <div class="title">title</div>
            <div class="content">content content content content content content content</div>
        </div>
        -->
    </div>
    <div class="loaddiv">

最低0.47元/天解锁文章

smartsmile2012

关注

5
点赞
踩
26

收藏

觉得还不错? 一键收藏
打赏
2
评论
Jquery滚动到页面底部自动Ajax加载图文列表,类似图片懒加载效果,带加载效果

滚动到页面顶部加载 .mainDiv { width: 800px; border: solid 1px #f00; padding: 10px; } .item {
复制链接

扫一扫