Affix 图钉

使用图钉，可以将内容固定在屏幕上，并且不随页面的滚动而滚动。常用于侧边菜单等，往下滑动页面体验。

<template>
  <div>
    <avue-affix :offset-top="100">
      <el-button type="primary">固定在最顶部</el-button>
    </avue-affix>
  </div>
  <br />
  <div>
    <avue-affix :offset-top="150">
      <el-button type="primary">固定在距离顶部 50px 的位置</el-button>
    </avue-affix>
  </div>
  <br />
  <div>
    <avue-affix :offset-top="200">
      <el-button type="primary">固定在距离顶部 100px 的位置</el-button>
    </avue-affix>
  </div>
  <br />
  <div>
    <avue-affix :offset-top="250">
      <el-button type="primary">固定在距离顶部 150px 的位置</el-button>
    </avue-affix>
  </div>
  <div style="height:600px"></div>
</template>
<script>
export default {

}
</script>

显示代码复制代码复制代码

Variables

参数	说明	类型	可选值	默认值
target	指定父类	String	-	document
offset-top	距离窗口顶部达到指定偏移量后触发	Number	-	0