# 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`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#autoscroll) option. It accepts both `boolean` and [`AutoScrollOptions`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/autoscrolloptions) parameters. The default value of the `autoScroll` option is `true`.

If an [`AutoScrollOptions`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/autoscrolloptions) parameter is passed, 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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/utils/draganddrop/autoscroll/source.txt)

## Suggested Links

* [API Reference of the DragTarget](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective)
* [API Reference of the DropTarget](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective)