Affix 图钉

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

TIP

1.0.4+

<avue-affix>
  <el-button type="primary">固定在最顶部</el-button>
</avue-affix>
<script>
export default {
}
</script>

<avue-affix :offset-top="50">
  <el-button type="primary">固定在距离顶部 50px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>

<avue-affix :offset-top="100">
  <el-button type="primary">固定在距离顶部 100px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>

<avue-affix :offset-top="150">
  <el-button type="primary">固定在距离顶部 150px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>

用于测试长度的

<div style="height:500px"></div>
<script>
export default {
}
</script>

Variables