import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="hooks/useLayoutHeaderHeight" />

# useLayoutHeaderHeight

## 这个 hook 是做什么的？

#### 获取顶部栏的最终高度。Frame 使用 headerRender 的时候，页面顶部栏的高度是不固定的，比如页面顶部栏加了一个套餐过期的横幅。这时候当你想为某个元素设置 position: sticky 的时候，top 需要用到这个值。

```
import { useLayoutHeaderHeight } from "@ahri-ui/core";

const [layoutHeaderHeight] = useLayoutHeaderHeight();
```