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

时间 2019-11-24

标签 html5 html 添加超级简洁实用返回顶部插件教程栏目 HTML5 繁體版

原文原文链接

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

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

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

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

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