Affix ​

Fija el elemento a una posición límite si el scrolling del usuario va a sacarlo de la visualización.

Uso básico ​

Por defecto, el componente se fijará en la parte superior de la página.

<template>
  <el-affix :offset="120">
    <el-button type="primary">Offset top 120px</el-button>
  </el-affix>
</template>

Contenedor ​

Mediante el atributo target el elemento se mostrará solo dentro de los límites de su contenedor. Por lo tanto será arrastrado por su contendor si dicho contenedor queda fuera de la pantalla debido al scrolling del usuario.

<template>
  <div class="affix-container">
    <el-affix target=".affix-container" :offset="80">
      <el-button type="primary">Target container</el-button>
    </el-affix>
  </div>
</template>
<style scoped>
.affix-container {
  text-align: center;
  height: 400px;
  border-radius: 4px;
  background: var(--el-color-primary-light-9);
}
</style>

Posición fija ​

El componente affix proporciona dos posiciones fijas: top y bottom.

Puede establecer el atributo position para cambiar la posición arriba "top" o abajo "bottom". El valor predeterminado es top.

affix/posición

:::

API ​

Attributes ​

Events ​

Slots ​

Exposes ​

Fuente ​

Componentes • Style • Documentación

Contribuidores ​

三咲智子

Jeremy

류한경

bqy

云游君

Kylin

dopamine

Akash Bagchi

Li Zhequ

yangguang

Delyan Haralanov

Herrington Darkholme

midcu

Alan Wang

deepthan

Summer

kooriookami

C.Y.Kun

btea

wzc520pyfm

qiang