页面切换后的效果截图:https://www.alipan.com/s/G8xryZW2rDq
ElementPlus实现Affix固钉 ElementPlus实现Affix固钉 ⽬录 ⼀、组件介绍 ⼆、源码分析 2.1 template 2.2 script 2.3 实现总结:⼀、组件介绍 Affix组件⽤于将页⾯元素固定在特定可视区域。1.1 属性 position:指定固钉的位置,可设置为top或bottom,默认为top offset: 设置偏移距离,默认为0 target:指定...
将页面元素固定在特定可视区域。 基本用法 固钉默认固定在页面顶部。 通过设置offset属性来改变吸顶距离,默认值为 0。 <el-affix:offset="120"><el-buttontype="primary">距离顶部 120px</el-button></el-affix> 指定容器 通过设置target属性,让固钉始终保持在容器内,超过范围则隐藏。 请注意容器避免出现滚动条。
固钉默认固定在页面顶部。 通过设置offset属性来改变吸顶距离,默认值为 0。 Offset top 120px 指定容器# 通过设置target属性,让固钉始终保持在容器内, 超过范围则隐藏。 请注意容器避免出现滚动条。 Target container 固定位置# Affix 组件提供 2 个固定的位置参数top和bottom。