博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
免插件,简单实现上拉加载loading
阅读量:7292 次
发布时间:2019-06-30

本文共 523 字,大约阅读时间需要 1 分钟。

上拉加载是前端经常遇到的问题,采用插件往往能够轻松解决,这里介绍一种免插件简单实现上拉加载的方法,参考一下,下面分享一下代码。

 

html

         
加载更多

加入了css3动画loading效果;

css

 

js部分:

1      2     

 

 

当然我们也可以在加载的时候做下js判断,如果数据加载完毕,loading显示“已经到底了!”,这就看我们自己的发挥了,这个demo更适用于移动端页面使用,希望能帮助大家。

 

转载于:https://www.cnblogs.com/coober/p/6424309.html

你可能感兴趣的文章
Linux 笔记本有线网卡的一个问题
查看>>
真是佩服自己
查看>>
emacs笔记
查看>>
MYSQL5.1双向主从部署
查看>>
jquery.cookie详解
查看>>
The model used to open the store is incompatible with the one used to create the store
查看>>
.BAT 禁用 Windows update Services
查看>>
深入解读RabbitMQ工作原理及简单使用
查看>>
hadoop2.7.2集群搭建
查看>>
我的友情链接
查看>>
linux下配置ntp时间同步服务
查看>>
iOS 开发学习笔记 3
查看>>
写给C#初学者 之 c#简介
查看>>
Hyper-V的管理与使用之二:新建虚拟机
查看>>
[模块]psutil简介
查看>>
我的友情链接
查看>>
关闭selinux和防火墙开启状态增加3306端口
查看>>
Ruby Time And DateTime之Time in Core
查看>>
如何在Linux实现Subclipse访问svn+ssh协议的Repository
查看>>
mysql事务表和非事务表在binlog日志的不同处理
查看>>