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

NameDescriptionTypeDefault
offsetoffset distancenumber0
positionposition of affixenumtop
targettarget container (CSS selector)string
z-indexz-index of affixnumber100

Events

NameDescriptionType
changetriggers when fixed state changedFunction
scrolltriggers when scrollingFunction

Slots

NameDescription
defaultcustomize default content

Exposes

NameDescriptionType
updateupdate affix state manuallyFunction
updateRootupdate rootRect infoFunction

Source

ComponentDocs

Contributors