element/examples/docs/fr-FR/backtop.md
Baptiste Lombard 37c0a9fb61 Docs: Update french translation (#16208)
* First round of correction

* Second round

* Cascader and form translation

* Last big round of changes

* Update changelog
2019-06-25 10:25:18 +08:00

1.9 KiB

Backtop

Un bouton pour revenir en haut de la page

Basic usage

Scrollez en bas de la page pour voir le bouton en bas à droite. :::demo

<template>
  Scrollez en bas de la page pour voir le bouton en bas à droite.
  <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
</template>

:::

Customizations

La zone d'affichage est de 40px * 40px. :::demo

<template>
  Scrollez en bas de la page pour voir le bouton en bas à droite.
  <el-backtop target=".page-component__scroll .el-scrollbar__wrap" :bottom="100">
    <div
      style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
    >
      UP
    </div>
  </el-backtop>
</template>

:::

Attributes

Attribut Description Type Valeurs acceptées Défaut
target La cible pour déclencher le scroll string
visibility-height Le bouton ne s'affichera pas tant que la hauteur de défilement n'aura pas atteint cette valeur. number 200
right La distance du bord droit number 40
bottom La distance du bord gauche number 40

Events

Event Name Description Parameters
click Se déclenche quand l'utilisateur clique click event