Skip to main content

Variable: GtkScrollbar

const GtkScrollbar: "GtkScrollbar"

Defined in: generated/jsx.ts:18998

Shows a horizontal or vertical scrollbar.

An example GtkScrollbar

Its position and movement are controlled by the adjustment that is passed to or created by Gtk.Scrollbar.new. See Gtk.Adjustment for more details. The Gtk.Adjustment.value field sets the position of the thumb and must be between Gtk.Adjustment.lower and Gtk.Adjustment.upper - Gtk.Adjustment.page-size. The Gtk.Adjustment.page-size represents the size of the visible scrollable area.

The fields Gtk.Adjustment.step-increment and Gtk.Adjustment.page-increment fields are added to or subtracted from the Gtk.Adjustment.value when the user asks to move by a step (using e.g. the cursor arrow keys) or by a page (using e.g. the Page Down/Up keys).

CSS nodes

scrollbar
╰── range[.fine-tune]
╰── trough
╰── slider

GtkScrollbar has a main CSS node with name scrollbar and a subnode for its contents. The main node gets the .horizontal or .vertical style classes applied, depending on the scrollbar's orientation.

The range node gets the style class .fine-tune added when the scrollbar is in 'fine-tuning' mode.

Other style classes that may be added to scrollbars inside Gtk.ScrolledWindow include the positional classes (.left, .right, .top, .bottom) and style classes related to overlay scrolling (.overlay-indicator, .dragging, .hovering).

Accessibility

GtkScrollbar uses the Gtk.AccessibleRole.scrollbar role.