mescroll.js实现下拉更新上拉加载更多图片懒加载返回顶部效果代码-html代码-BFW代码库

mescroll.js实现下拉更新上拉加载更多图片懒加载返回顶部效果代码

代码语言：html

所属分类：其他

代码描述：mescroll.js实现下拉更新上拉加载更多图片懒加载返回顶部效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <style>
        .mescroll {
          position: fixed;
          top: 44px;
          bottom: 0;
          height: auto; /*如设置bottom:50px,则需height:auto才能生效*/
        }
    </style>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mescroll.1.4.1.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mescroll.1.4.1.js"></script>
</head>

<body>

    <div id="mescroll" class="mescroll">
        <!-- //id可以改,而"mescroll"的class不能删-->
        <div>
            <!--这个div不能删,否则上拉加载的布局会错位.(可以改成ul或者其他容器标签)-->
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p><img imgurl="//repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png" src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></p>
            <p.........完整代码请登录后点击上方下载按钮下载查看