New to Kendo UI for Angular? Start a free 30-day trial

Auto Scroll

The auto scroll functionality scrolls the nearest scrollable parent element whenever the DragTarget reaches any of its edges. By default, auto scrolling is enabled. To disable it, configure the autoScroll option. It accepts both boolean and AutoScrollOptions parameters. The default value of the autoScroll option is true.

If you use an AutoScrollOptions parameter, the DragTarget enables you to configure the following options:

  • enabled—Determines if the auto scrolling is initially enabled.
  • boundaryElementRef—Overrides the calculated element used for boundary detection, used to calculate the autoScroll velocity.
  • direction—Specifies the direction of the autoScroll functionality.

The following example demonstrates the auto scroll functionality in action.

Example
View Source
Change Theme:

In this article

Not finding the help you need?