利用iscroll插件仿微信浏览器下拉提示“此网页由xxx提供"

最新推荐文章于 2023-03-17 16:33:12 发布

原创

最新推荐文章于 2023-03-17 16:33:12 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

此实现有iscroll.js插件实现

直接上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
		<title></title>
	</head>
	<body>
		<div id="content-content" style="height:300px;text-align:center;padding-top:10px;color:#999;background-color:#333;font-size:80%;display:block;">
		网页由 mp.weixin.qq.com 提供
	</div>
	<div id="wrapper" style="position:absolute;top:0;bottom:0;left:0;right:0;">
		<div id="scroll" style="position: absolute; background-color: rgb(243, 243, 243); z-index: 100; width: 100%; height: 865px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0.001s; left: 0px; top: 0px;">
		hello scroll！hello scroll！hello scroll！
		</div>
	</div>
	
	<scr