ScrollView

import { ScrollView } from "material.slint";
export component Example inherits Window {
    width: 300px;
    height: 200px;
    background: transparent;
    ScrollView {
        width: 280px;
        height: 180px;
    }
}

slint

A ScrollView provides scrolling functionality for content that exceeds the available space, with optional scroll bars.

Properties

enabled

bool default: true

Whether scrolling is enabled.

has-focus

bool (in-out) default: false

Whether the scroll view has focus.

horizontal-scrollbar-policy

enum ScrollBarPolicy default: the first enum value

ScrollBarPolicy

This enum describes the scrollbar visibility

as-needed: Scrollbar will be visible only when needed
always-off: Scrollbar never shown
always-on: Scrollbar always visible

The policy for showing the horizontal scroll bar.

vertical-scrollbar-policy

enum ScrollBarPolicy default: the first enum value

ScrollBarPolicy

This enum describes the scrollbar visibility

as-needed: Scrollbar will be visible only when needed
always-off: Scrollbar never shown
always-on: Scrollbar always visible

The policy for showing the vertical scroll bar.

viewport-height

length (in-out) default: 0px

The total height of the scrollable content.

viewport-width

length (in-out) default: 0px

The total width of the scrollable content.

viewport-x

length (in-out) default: 0px

The horizontal scroll position.

viewport-y

length (in-out) default: 0px

The vertical scroll position.

visible-height

length (out) default: 0px

The height of the visible area.

visible-width

length (out) default: 0px

The width of the visible area.

Callbacks

scrolled()

Invoked when the content is scrolled.