---
url: /components/basic/FaFixedBar.md
---
# FaFixedBar 固定栏

固定在页面顶部或底部的栏位组件，适用于展示操作栏、筛选条件等内容。

## 使用场景

* 固定在页面顶部或底部的栏位组件，适用于展示操作栏、筛选条件等内容。
* 常见用法：固定在顶部、固定在底部、顶部筛选栏、底部操作栏。

## Props

| 参数 | 说明 | 类型 | 默认值 |
|------|------|------|--------|
| position | 固定位置 | `'top' \| 'bottom'` | `required` |
| class | 自定义类名 | `HTMLAttributes['class']` | `undefined` |

## Slots

| 名称 | 说明 |
|------|------|
| default | 默认插槽，固定栏内容 |

## 注意事项

1. 固定栏会自动计算侧边栏宽度并适配
2. 顶部固定栏在静态顶栏模式下会跟随滚动
3. 移动端模式下全宽显示
4. 建议给内容区域添加对应的 padding 避免遮挡