Html5添加超级简洁实用的返回顶部插件教程

时间：2016-01-08 13:50:54 阅读：218 评论：0 收藏：0 [点我收藏+]

标签：

一、Html结构
在body标签结束之前添加返回顶部按钮：
<body>
<a href="#0" class="cd-top">Top</a>
</body>

二、CSS样式
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
opacity: .5;
}

三、JavaScript
var offset = 300,
offset_opacity = 1200,
scroll_top_duration = 700;

返回顶部的动画使用的是jQuery .animate()方法。

KeyMob移动端广告平台隶属于常乐科技有限公司,专注于移动营销稳定的SDK服务，平台支持Android、IOS两大系统，包含：banner、插屏、全屏、视频等广告形式。

标签：

踩

(0)

评论一句话评论（0）

key

加入时间：2016-01-05

关注此人发短消息

文章分类

默认分类（277）

“key”关注的人------（0）

“key”的粉丝们------（0）