@uiw/react-affix

Affix 图钉
===


使用图钉，可以将内容固定在屏幕可视范围，并且不随页面的滚动而滚动，常用于菜单等。

``jsx
import { Affix } from 'uiw';
// or
import Affix from '@uiw/react-affix';
`

$3



`jsx mdx:preview
import React from 'react';
import { Affix, Button } from 'uiw';

export default function Demo() {
return (

1 当按钮距离顶部距离为 0，按钮被钉在顶部

)
}
`

$3

这个实例需要你缩小窗口高度，就可以测试看效果啦。

`jsx mdx:preview
import React from 'react';
import { Affix, Button } from 'uiw';

export default function Demo() {
return (
{
console.log('affixed::', affixed);
}}>
2 当按钮距离底部距离为 0，按钮被钉在底部

)
}
``

$3

| 参数 | 说明 | 类型 | 默认值 |
|--------- |-------- |--------- |-------- |
| offsetBottom | 距离窗口底部达到指定偏移量后触发 | Number| - |
| offsetTop | 距离窗口顶部达到指定偏移量后触发 | Number| - |
| onChange | 固定状态改变时触发的回调函数 | Function(affixed) | - |