代码拉取完成,页面将自动刷新
同步操作将从 smallwei/avue-doc 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
使用图钉,可以将内容固定在屏幕上,并且不随页面的滚动而滚动。常用于侧边菜单等,往下滑动页面体验。 :::tip 1.0.4+ ::::
:::demo
<avue-affix>
<el-button type="primary">固定在最顶部</el-button>
</avue-affix>
<script>
export default {
}
</script>
:::
:::demo
<avue-affix :offset-top="50">
<el-button type="primary">固定在距离顶部 50px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>
:::
:::demo
<avue-affix :offset-top="100">
<el-button type="primary">固定在距离顶部 100px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>
:::
:::demo
<avue-affix :offset-top="150">
<el-button type="primary">固定在距离顶部 150px 的位置</el-button>
</avue-affix>
<script>
export default {
}
</script>
:::
:::demo 用于测试长度的
<div style="height:500px"></div>
<script>
export default {
}
</script>
:::
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
id | 指定父类 | String | - | window |
offset-top | 距离窗口顶部达到指定偏移量后触发 | Number | - | 0 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。