Affix 骨钉

实际上，官方的叫法是Affix固钉。

这是一个新增的导航组件，用来将元素固定到页面上。

:::: demo-wrapper no-padding
::: center

:::
::::

我们可以按照在之前的views中继续加入一个Affix.vue组件，并修改App.vue中的代码:
::: code-tabs

@tab App.vue

<template>
  <div id="app">
    <Affix />
  </div>
</template>

<script>
  import Affix from "./views/Affix.vue";

  export default {
    name: "App",
    components: {
      Affix,
    },
  };
</script>

@tab Affix.vue

<template>
  <el-affix :offset="200">
    <el-button type="primary">距离顶部 200 个像素</el-button>
  </el-affix>
</template>

:::