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、插屏、全屏、視頻等廣告形式。動畫