美文网首页
自动下拉刷新

自动下拉刷新

作者: carbonic | 来源:发表于2019-04-02 08:49 被阅读0次

<!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

相关文章

  • RecyclerViewRefresh

    采用RecyclerView和SwipeRefreshLayout实现下拉刷新和上拉自动加载更多 1.下拉刷新 2...

  • 自动下拉刷新

    .one { width: 90%; height: 60px; margin: ...

  • MJRefresh下拉刷新上拉加载自定义

    下拉刷新 下拉刷新 默认 下拉刷新 动画图片 JRGifHeader.h JRGifHeader.m 下拉刷新 隐...

  • MJRefresh用法详解

    下拉刷新01-默认 下拉刷新02-动画图片 下拉刷新04-隐藏状态和时间 下拉刷新05-自定义文字 下拉刷新06-...

  • 下拉刷新

    Android LRecyclerView实现下拉刷新,滑动到底部自动加载更多 PullToRefresh使用详解...

  • UITableView的基本使用

    一、常用方法 二、上拉刷新,下拉刷新 MJRefresh下拉刷新(上拉加载)使用详解MJRefresh下拉刷新三方...

  • iOS 常用第三方-UI

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件 SVPullToRefresh ...

  • 三方库转载

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh ...

  • iOS 常用UI第三方框架

    下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh ...

  • iOS开源项目学习资料(转载)

    EGOTableViewPullRefresh– 最早的下拉刷新控件。 SVPullToRefresh– 下拉刷新...

网友评论

      本文标题:自动下拉刷新

      本文链接:https://www.haomeiwen.com/subject/zbtwbqtx.html