|
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. |
@@ -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