返回顶部
依赖
- vue
- vitepress
介绍
在非home页面右下角添加按钮 用于返回顶部
两个模式: 点击后 返回顶部/返回之前浏览
按钮显示阈值 动态计算
使用
ts
// .vitepress/theme/index.ts
// 示例
import BackToTop from './<dir>/BackToTop-{ver}.vue'
export default {
Layout() {
return h(DefaultTheme.Layout, null, {
'layout-bottom': () => h(BackToTop)
})
}
}效果
注意观察页面右下角
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
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