New to Telerik UI for ASP.NET AJAX? Download free 30-day trial


The AutoScroll property Enables automatic scrolling of the container once the dragged element approaches the boundaries.


<telerik:RadDraggable runat="server" AutoScroll="true" TargetSelectors="#AutoScrollDraggable"></telerik:RadDraggable>

<div style="width: 200px; height: 200px; overflow: auto; padding: 20px;">
    <div style="width: 1000px; height: 1000px;">
        <div id="AutoScrollDraggable"></div>

    #AutoScrollDraggable {
        width: 50px;
        height: 50px;
        background-color: orange;
        border: 2px solid green;
In this article