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 ​