back-to-top

该插件会给你的站点添加一个 返回顶部 按钮。当页面向下滚动时，该按钮会显示在页面的右下角，点击它就会滚动到页面顶部。

该插件已经集成到默认主题中。

使用方法

npm i -D @vuepress/plugin-back-to-top@next

import { backToTopPlugin } from '@vuepress/plugin-back-to-top'

export default {
  plugins: [
    backToTopPlugin(),
  ],
}

样式

你可以通过 CSS 变量来自定义 返回顶部 按钮的样式：

使用方法

npm i -D @vuepress/plugin-back-to-top@next

import { backToTopPlugin } from '@vuepress/plugin-back-to-top'

export default {
  plugins: [
    backToTopPlugin(),
  ],
}

样式

你可以通过 CSS 变量来自定义 返回顶部 按钮的样式：

使用方法

npm i -D @vuepress/plugin-back-to-top@next

import { backToTopPlugin } from '@vuepress/plugin-back-to-top'

export default {
  plugins: [
    backToTopPlugin(),
  ],
}

样式

你可以通过 CSS 变量来自定义 返回顶部 按钮的样式：

使用方法

npm i -D @vuepress/plugin-back-to-top@next

import { backToTopPlugin } from '@vuepress/plugin-back-to-top'

export default {
  plugins: [
    backToTopPlugin(),
  ],
}

样式

你可以通过 CSS 变量来自定义 返回顶部 按钮的样式：