# @antipodes-medical/back-to-top 中文文档

规范地址：https://npmcn.com/package/%40antipodes-medical/back-to-top/

版本：1\.0\.1
npm 元数据更新时间：2022-05-14T11:57:41.111Z
中文译文更新时间：2026-11-08T14:40:43.999Z
软件包许可：ISC

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40antipodes-medical/back-to-top
原文对照：https://npmcn.com/package/%40antipodes-medical/back-to-top/?lang=original
项目主页：https://github.com/antipodes-medical/back-to-top#readme
源码仓库：https://github.com/antipodes-medical/back-to-top

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：43.8 kB，15 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2022-05-14T11:52:47.289Z
- 最新版本发布：2022-05-14T11:57:41.010Z
- 近 30 天下载量：1780（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：2（近 12 个月 0 个）

## 中文简介

## 安装

## 安装

```sh
npm install @antipodes-medical/back-to-top
```

也可以使用：`pnpm add @antipodes-medical/back-to-top`、`yarn add @antipodes-medical/back-to-top`、`bun add @antipodes-medical/back-to-top`

## README

# 回到顶端

## 安装

```bash
yarn add @antipodes-medical/back-to-top
```

```javascript
import '@antipodes-medical/back-to-top';
```

## 利用

```html

<back-to-top>
    Contenu du back to top
</back-to-top>
```

## 责任人

### 距离

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}看在上帝的面子上 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我需要你.

名称 类型 默认 {} |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | `distance` \* 数目\* `800` |

```html

<back-to-top distance="200">
    Contenu du back to top
</back-to-top>
```

### 四舍五入

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}唐内斯 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我就是唐内斯 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我就是这个.

名称 类型 默认 {} |--------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | `rounded` 布尔语 `true` |

```html

<back-to-top rounded="false">
    Contenu du back to top
</back-to-top>
```

## 责任者

### 回向上: 活动

Lorsque le bouton est actif. (原始内容存档于2018-09-29).

```javascript
window.addEventListener('back-to-top:is-active', () => console.log('back to top is active'));
```

### 背对上: 隐藏

(原始内容存档于2018-09-21). Lorsque le bouton est inactif.

```javascript
window.addEventListener('back-to-top:is-hidden', () => console.log('back to top is hidden'));
```

## 风格不负责任

```css
:root {
    /* La largeur du bouton */
    --back-to-top__width: 50px;

    /* La hauteur du bouton */
    --back-to-top__height: 50px;

    /* Le z index du bouton */
    --back-to-top__z-index: 100;

    /* La position à droite de l'écran  du bouton */
    --back-to-top__right: 0;

    /* La position en bas de l'écran du bouton */
    --back-to-top__bottom: 20px;

    /* La couleur d'arrière plan du bouton */
    --back-to-top__background: #000;

    /* La transformation effectuée sur le bouton */
    --back-to-top__transform: translate3d(calc(100% + var(--back-to-top__extra-offset, 0px)), 0, 0)) var(--back-to-top__extra-transform, rotate(0 deg));

    /* La transformation effectuée sur le bouton lorsqu'il est actif */
    --back-to-top__transform--active: translate3d(calc((var(--back-to-top__offset-right, 20px) + var(--back-to-top__extra-offset, 0px)) * -1), 0, 0)) var(--back-to-top__extra-transform--active, var(--back-to-top__extra-transform, rotate(0 deg)));

    /* La couleur d'arrière plan du bouton lorsqu'il est actif */
    --back-to-top__background--active: #FFF;
}   
```

## 常见问题

### @antipodes-medical/back-to-top 是什么？

安装

### 如何安装 @antipodes-medical/back-to-top？

在项目目录运行 npm install @antipodes-medical/back-to-top，或使用 pnpm add / yarn add / bun add。

### @antipodes-medical/back-to-top 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/antipodes-medical\_\_back-to-top 是否存在。

### @antipodes-medical/back-to-top 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @antipodes-medical/back-to-top 可以商用吗？

@antipodes-medical/back-to-top 使用 ISC 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @antipodes-medical/back-to-top 的下载量有多少？

根据 npm 官方下载统计，@antipodes-medical/back-to-top 在 2026/10/06 – 2026/11/04 这 30 天内被下载 1,780 次，日均约 59 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @antipodes-medical/back-to-top 还在维护吗？

最新版本 1\.0\.1 发布于 2022/05/14（4 年前）；至今共发布 2 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/05/14。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。