自动下拉刷新

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.one {

width: 90%;

height: 60px;

margin: 0 auto;

background-color: pink;

margin-bottom: 10px;

}

.two {

width: 90%;

height: 60px;

margin: 0 auto;

background-color: purple;

margin-bottom: 10px;

}

  #content {

display: none;

}

  #addMore {

width: 90%;

height: 60px;

font-size: 30px;

line-height: 60px;

text-align: center;

color: white;

margin: 0 auto;

display: block;

background-color: #ccc;

border-radius: 10px;

border: 1px solid #333;

outline: none;

  position: absolute;

}

  </style>

</head>

<body style="position: relative;">

  <!-- 懒加载: 需要的时候才加载 -->

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

<div class="one"></div>

  < img src="loading.gif" id="waitImg" style="display: none;" alt="">

<div id="content">

<div class="two"></div>

<div class="two"></div>

<div class="two"></div>

<div class="two"></div>

<div class="two"></div>

<div class="two"></div>

<div class="tw

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 13,279评论 0 8
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 5,496评论 0 0
  • 我的公共CSS文件@import "normalize.css";/begin主页面//begin主页面/body...
    蓝色海洋_1982阅读 4,935评论 0 0
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,889评论 0 1
  • 生日快乐。 不知道你近况如何,不想去打扰,但很多事情未能放下,都说时间是一种药,尽管无药可治,却拼命要把药用完...
    晨定阅读 3,211评论 4 1