Affix
Fix the element to a specific visible area.
Basic Usage
Affix is fixed at the top of the page by default.
Target Container
You can set target attribute to keep the affix in the container at all times. It will be hidden if out of range.
Fixed Position
The affix component provides two fixed positions: top and bottom.
API
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| offset | offset distance | number | 0 |
| position | position of affix | enum | top |
| target | target container (CSS selector) | string | — |
| z-index | z-index of affix | number | 100 |
Events
| Name | Description | Type |
|---|---|---|
| change | triggers when fixed state changed | Function |
| scroll | triggers when scrolling | Function |
Slots
| Name | Description |
|---|---|
| default | customize default content |
Exposes
| Name | Description | Type |
|---|---|---|
| update | update affix state manually | Function |
| updateRoot | update rootRect info | Function |
三咲智子
Jeremy
류한경
bqy
云游君
Akash Bagchi
Li Zhequ
yangguang
Delyan Haralanov
Herrington Darkholme
midcu
Alan Wang
deepthan
Summer
kooriookami
C.Y.Kun
btea
wzc520pyfm
qiang