Fix UI elements to a viewport area with configurable offsets and targets.
npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-affix
Please help me install this Agent Skill. Skill: el-affix Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-affix Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-affix
Affix components fix elements to a defined area of the viewport, ensuring critical UI remains accessible during scrolling.
Place an el-affix around a header and set an offset to activate sticky behavior.
High-intent search queries and answers about installing and using this skill.
To make a header sticky in vue, wrap it in an affix component to fix the element to a defined viewport area. This ensures critical navigation remains accessible while scrolling the page root.
An affix component in element-plus is used to keep essential UI elements visible by fixing them to a specific viewport area. It is applicable to headers, toolbars, and floating controls during scrolling.
Yes, sticky positioning works inside scroll containers and on the page root with configurable offsets. This enables consistent UX when navigation or controls must stay in view during vertical scrolling.
Yes, the element-plus affix satisfies attribute handling for offset, position, target, z-index, teleported, and append-to. These settings allow precise control over sticky behavior and visual layering.
partme-aiGuide Element Plus Vue 3 component installation, theming, and API usage.
wepn13232Provide Element Plus Affix API references for Vue developers.
jiaiyanPin content to fixed positions during scrolling with configurable trigger distances.
kriscendobotStyle native HTML select elements with CSS pseudo-elements and pseudo-classes.
