手机移动端上滑显示更多内容js代码

来源:https://www.sucaihuo.com/js/4853.html 2019-10-20 10:39浏览(446) 收藏

手机移动端上滑显示更多内容js代码,类似高德地图首页上拉显示更多效果,仅支持移动端,请在移动端查看演示。
手机移动端上滑显示更多内容js代码
分类:手机特效 > 触屏滑动 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			new Touch({
				contEl:document.getElementById("shadowBox"),   //背景灰色浮层
				shadowEl:document.getElementById("contBox"),    //内容块
				top:0.1,   //内容块停留的最高处 (取值范围:0.1-1,默认0.1)
				bottom:0.9,   //内容块停留的最低处 (取值范围:0.1-1,默认0.9)
				opacity:0.5,   //背景灰色浮层的最高透明值 (取值范围:0.1-1,默认0.5)
				duration:0.3   //松手时候下滑或上滑动画的持续时间 (单位:秒,默认0.3)
			});
		</script>
标签: 上拉上滑
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2