Affix
Fix the element to a specific visible area.
Basic Usage
Affix is fixed at the top of the page by default.
You can set offset
attribute to change the offset top,the default value is 0.
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.
Please notice that the container avoid having scrollbar.
Fixed Position
The affix component provides two fixed positions: top
and bottom
.
You can set position
attribute to change the fixed position, the default value is
top
.
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 |