All docs
V24.1
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Scheduler - scrolling

Configures scrolling.

Type: dxSchedulerScrolling

Scrolling allows a user to browse data outside the current viewport. Information about the available scrolling modes is in the mode property description.

View Demo

See Also

mode

Specifies the scrolling mode.

Type:

ScrollMode

Default Value: 'standard'

The following scrolling modes are available:

  • Standard
    All appointments are simultaneously loaded into the DOM, and the whole grid is rendered.

  • Virtual
    Appointments are loaded into the DOM when they get into the viewport and are then removed once they leave it; the grid is rendered within the current viewport only. View Demo.

NOTE
  • Virtual mode is available for all views except "agenda".

  • Specify the component's height if you use virtual scrolling. Do not use relative units for height (it prevents Scheduler from maintaining fixed dimensions for virtual scrolling to work correctly).