Skip to content

Header 头部容器 ​

页面头部容器组件,提供语义化的 <header> 元素,支持可选的粘性定位。

何时使用:需要构建页面顶部导航栏或品牌标识区域时使用。

基础用法 ​

粘性定位 ​

设置 sticky 属性,头部会在滚动时固定在顶部。

API ​

Props ​

属性类型默认值说明
stickybooleanfalse是否开启粘性定位

Slots ​

名称说明
default头部内容

注意事项 ​

  • 粘性定位要求父容器 overflow 不为 hidden
  • 使用粘性定位时,建议同时设置背景色,避免滚动时内容透出

Released under the MIT License