generated from docsifyjs/docsify-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (82 loc) · 2.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
<!-- Replace with your own title and description. -->
<title>Awesome Docsify Site</title>
<meta name="description" content="An awesome docsify site for publishing some content on the web.">
<!-- Default Theme (see https://docsify.js.org/#/themes) -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
<link rel="stylesheet" href="style.css">
<style>
body {
--sb-track-color: #f2f9fd;
--sb-thumb-color: #7087e8;
--sb-size: 10px;
scrollbar-color: var(--sb-thumb-color)
var(--sb-track-color);
}
body::-webkit-scrollbar {
width: var(--sb-size)
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
border-radius: 10px;
}
#backToTopBtn { display: none; position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: #fff; padding: 10px; border: none; border-radius: 5px; cursor: pointer;
}</style>
</head>
<body>
<div id="app"></div>
<button id="backToTopBtn" onclick="scrollToTop()">Back to Top</button>
<script>
// Docsify Configuration (see https://docsify.js.org/#/configuration)
window.$docsify = {
//coverpage: true,//
name: 'Diomedia',
// Sidebar Configuration
auto2top: true,
loadSidebar: true,
maxLevel: 0,
// Set subMaxLevel to 0 to remove automatic display of page table of contents (TOC) in Sidebar
subMaxLevel: 3,
// Search Plugin Configuration
search: {
placeholder: 'Type to search',
noData: 'No matches found.',
// Headline depth, 1 - 6
depth: 2,
}
};
</script>
<!-- Required -->
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
<!-- Recommended -->
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/zoom-image.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-edit-on-github"></script>
<script>
window.onscroll = function() {
scrollFunction();
};
function scrollFunction() {
var btn = document.getElementById("backToTopBtn");
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
btn.style.display = "block";
} else {
btn.style.display = "none";
}
}
function scrollToTop() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox and Opera
}
</script>
</body>
</html>