模拟移动端上拉加载功能

最新推荐文章于 2022-12-12 11:14:06 发布

VIP文章 su的前端之路

最新推荐文章于 2022-12-12 11:14:06 发布

阅读量749

点赞数 1

分类专栏： html css zepto javascript 文章标签：上拉加载移动端

本文链接：https://blog.csdn.net/qq_38563845/article/details/78641157

版权

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>上拉加载</title>
	<style>
		html{
			font-size: 18px;
		}
		.containter{
			background: #ccc;
			height: 700px;
			overflow: auto;
		}
		.content{
			
		}
		.item{
			font-size: 3rem;
			text-align: center;
		}
		.bottom-line{
			text-align: center;
			background: #666
		}
	</style>
	<!-- $('.bottom-line').css('display','block').text('正在刷新...') -->
</head>
<body>
	<div class="containter">
		<div class="content">
			<div class="item">上拉加载功能1</div>
			<div class="item">上拉加载功能2</div>
			<div class="item">上拉加载功能3</div>
			<div class="item">上拉加载功能4</div>
			<div class="item">上拉加载功能5

最低0.47元/天解锁文章

优惠劵

su的前端之路

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
模拟移动端上拉加载功能

代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...
复制链接

扫一扫