ScrollView

import { ScrollView } from "@material";
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

booldefault: true

Whether scrolling is enabled.

has-focus

bool(in-out)default: false

Whether the scroll view has focus.

horizontal-scrollbar-policy

enum ScrollBarPolicydefault: the first enum value

The policy for showing the horizontal scroll bar.

vertical-scrollbar-policy

enum ScrollBarPolicydefault: the first enum value

The policy for showing the vertical scroll bar.

content-height

length(in-out)default: 0px

The total height of the scrollable content. This property was formerly known as viewport-height, which is still available as an alias.

content-width

length(in-out)default: 0px

The total width of the scrollable content. This property was formerly known as viewport-width, which is still available as an alias.

content-x

length(in-out)default: 0px

The horizontal scroll position. This property was formerly known as viewport-x, which is still available as an alias.

content-y

length(in-out)default: 0px

The vertical scroll position. This property was formerly known as viewport-y, which is still available as an alias.

visible-height

length(out)

The height of the visible area.

visible-width

length(out)

The width of the visible area.

Callbacks

scrolled()

Invoked when the content is scrolled.