回到顶端
安装
yarn add @antipodes-medical/back-to-top
import '@antipodes-medical/back-to-top';
利用
<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 |
<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 |
<back-to-top rounded="false">
Contenu du back to top
</back-to-top>
责任者
回向上: 活动
Lorsque le bouton est actif. (原始内容存档于2018-09-29).
window.addEventListener('back-to-top:is-active', () => console.log('back to top is active'));
背对上: 隐藏
(原始内容存档于2018-09-21). Lorsque le bouton est inactif.
window.addEventListener('back-to-top:is-hidden', () => console.log('back to top is hidden'));
风格不负责任
: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;
}