SuperAPI AI 工具集

el-affix

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:Affix 固钉组件用于将元素固定在特定可见区域,常见于吸顶导航、滚动时固定的工具栏、常驻操作按钮和浮动侧边栏。

主要能力:通过 offset 设置偏移距离(默认 0),position 选择固定在顶部或底部('top' | 'bottom',默认 'top'),target 用 CSS 选择器限定生效的滚动容器,z-index 控制层级(默认 100),teleported 决定是否传送元素(默认 false),append-to 指定挂载目标(默认 'body')。事件包括 change(固定状态变化时触发,回调参数 fixed)和 scroll(滚动时触发,参数含 scrollTop 与 fixed)。默认插槽用于自定义内容,并暴露 update 与 updateRoot 方法用于手动更新固钉状态和根节点信息。

使用方式:基础用法为 <el-affix :offset="120"> 包裹内容;限定容器时设置 target=".scroll-container";固定到底部用 position="bottom"。可监听 change 事件同步 UI 状态,例如在回调中更新 isFixed 变量。

适用场景:吸顶导航、固定页头、滚动时保持可见的操作区。

限制与建议:建议用 target 将固钉限制在特定容器内,设置合适的 z-index 避免层级遮挡,并通过 change 事件处理界面状态更新。资料未提供收费、价格、平台或效果等信息。