|  | 
| 1 | 1 | --- | 
| 2 | 2 | layout: post | 
| 3 |  | -title: Read the current scroll status and programmatically pan Diagrams | 
| 4 |  | -description: How to read/modify the scroll status of the Diagram? | 
|  | 3 | +title: Scroll Settings in AngularJS Diagram Control | Syncfusion | 
|  | 4 | +description: Learn here about Scroll Settings in Syncfusion Essential AngularJS Diagram Control, its elements, and more. | 
| 5 | 5 | platform: AngularJS | 
| 6 | 6 | control: Diagram | 
| 7 | 7 | documentation: ug | 
| 8 | 8 | --- | 
| 9 | 9 | 
 | 
| 10 |  | -# Scroll Settings | 
|  | 10 | +# Scroll Settings in AngularJS Diagram | 
| 11 | 11 | The Diagram can be scrolled by using the vertical and horizontal scrollbars. In addition to the scrollbars, you can use mouse wheel to scroll the Diagram.  | 
| 12 | 12 | Diagram's `scrollSettings` enables you to read the current scroll status, view port size, current zoom, and zoom factor. It also allows you to scroll the Diagram programmatically.  | 
| 13 | 13 | 
 | 
| 14 | 14 | ## Get current scroll status | 
| 15 | 15 | 
 | 
| 16 |  | -Scroll settings allows you to read the scroll status, view port size, and current zoom factor with a set of properties. To explore those properties, see [Scroll Settings](/api/js/ejDiagram#members:scrollsettings "Scroll Settings") | 
|  | 16 | +Scroll settings allows you to read the scroll status, view port size, and current zoom factor with a set of properties. To explore those properties, see [Scroll Settings](/api/js/ejdiagram#members:scrollsettings "Scroll Settings") | 
| 17 | 17 | 
 | 
| 18 | 18 | ## Define scroll status | 
| 19 | 19 | Diagram allows you to pan the Diagram before loading, so that any desired region of a large Diagram is made to view. You can programmatically pan the Diagram with the `horizontalOffset` and `verticalOffset` properties of scroll settings. The following code illustrates how to set pan the Diagram programmatically. | 
| @@ -45,7 +45,7 @@ Diagram allows you to pan the Diagram before loading, so that any desired region | 
| 45 | 45 | 
 | 
| 46 | 46 | In the example given below, the vertical scroll bar is scrolled down by 50px and horizontal scroll bar is scrolled to right by 100px.  | 
| 47 | 47 | 
 | 
| 48 |  | - | 
|  | 48 | + | 
| 49 | 49 | 
 | 
| 50 | 50 | ## AutoScroll  | 
| 51 | 51 | 
 | 
| @@ -92,7 +92,7 @@ The scroll limit allows you to define the scrollable region of the Diagram. It i | 
| 92 | 92 | * Allows to scroll within the Diagram content. | 
| 93 | 93 | * Allows to scroll within the specified scrollable area. | 
| 94 | 94 | 
 | 
| 95 |  | -`scrollLimit` property of scroll settings helps to limit the scrolling. For the accepted values of the scrollLimit, refer to [Scroll Limit](/api/js/ejDiagram#scroll-limit "Scroll Limit"). | 
|  | 95 | +`scrollLimit` property of scroll settings helps to limit the scrolling. For the accepted values of the scrollLimit, refer to [Scroll Limit](/api/js/ejdiagram#scroll-limit "Scroll Limit"). | 
| 96 | 96 | 
 | 
| 97 | 97 | The following code example illustrates how to specify the scroll limit. | 
| 98 | 98 | 
 | 
|  | 
0 commit comments