使用图钉,可以将内容固定在屏幕上,并且不随页面的滚动而滚动。常用于侧边菜单等,往下滑动页面体验。
TIP
1.0.4+
<avue-affix id="markdown" :offset-top="100"> <el-button type="primary">固定在最顶部</el-button> </avue-affix> <script> export default { } </script>
<avue-affix :offset-top="150" id="markdown"> <el-button type="primary">固定在距离顶部 50px 的位置</el-button> </avue-affix> <script> export default { } </script>
<avue-affix :offset-top="200" id="markdown"> <el-button type="primary">固定在距离顶部 100px 的位置</el-button> </avue-affix> <script> export default { } </script>
<avue-affix :offset-top="250" id="markdown"> <el-button type="primary">固定在距离顶部 150px 的位置</el-button> </avue-affix> <script> export default { } </script>
用于测试长度的
<div style="height:500px"></div> <script> export default { } </script>
← Avatar 头像 Search 搜索 →