Components/Navigation

EAffix Affix

import EUI 1.0

Examples

Affix

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Flickable { id: flickable clip: true height: 280 width: parent.width contentHeight: 760 Column { width: parent.width spacing: 20 EText { text: "Scroll down to pin the button" } EAffix { target: flickable EButton { text: "Pinned action" } } Repeater { model: 14 EText { text: "Content " + (index + 1) } } } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

appendToItem

Object to which the overlay is attached.

Defaultnull

contentalias

Content slot; declare QML child objects directly inside the component.

DefaultAlias: contentHost.data

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

offsetreal

Offset relative to layout, scroll target or popup reference, in pixels.

Default0

positionint

Fix the component to the top or bottom of the scrolling area.

EPlacement.Top
EPlacement.Bottom

DefaultEPlacement.Top

revisionint

Internal data or geometry revision that triggers dependent bindings.

Default0

targetItem

Target item for scrolling, positioning or the loading overlay.

Defaultnull

teleportedbool

Move affixed content to a separate overlay target.

Defaultfalse

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

zIndexint

Overlay or watermark stacking order.

Default100

fixedboolRead only

Whether affix content is currently fixed.

DefaultComputed at runtime

targetPositionpointRead only

Computed target coordinates and dimensions for affix or tour.

Fields: x, y

DefaultComputed at runtime

Signals

SignaturePurpose

changed(bool fixed)

Emitted when the affix state changes; fixed indicates whether the content is pinned.

scrolled(real top, bool fixed)

Emitted when the target scrolls; top is its scroll position and fixed is the affix state.

Methods

SignaturePurpose

update()

Refresh the affix state and pinned position.