# ScrollViewTagHelper
## Example
```
```
## ChildTags
| Tag Name | Details |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| aria-template | [TemplateTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/templatetaghelper) |
| datasource | [DataSourceTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/datasourcetaghelper) |
| empty-template | [TemplateTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/templatetaghelper) |
| item-template | [TemplateTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/templatetaghelper) |
| items | [ScrollViewItemsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/scrollviewitemstaghelper) |
| messages | [ScrollViewMessagesSettingsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/scrollviewmessagessettingstaghelper) |
| pageable | [ScrollViewPageableSettingsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/scrollviewpageablesettingstaghelper) |
## Attributes
| Attribute | Type | Description |
| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| name | String | Sets the name of the component. |
| as-module | Boolean | Specifies whether the initialization script of the component will be rendered as a JavaScript module. |
| is-in-client-template | Boolean | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute. |
| deferred | Boolean | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method. |
| aria-template | String | Specifies a template is used to populate an aria-live element that anounces which is the current item. |
| aria-template-handler | String | Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the name of a JavaScript function that will be called to return the template. |
| aria-template-id | String | Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the ID of the script element that contains the template. |
| aria-template-view | IHtmlContent | Specifies a template is used to populate an aria-live element that anounces which is the current item. This option expects the instance containing the created HTML. |
| auto-bind | Boolean | If set to false the widget will not bind to the DataSource during initialization. |
| bounce-velocity-threshold | Double | The intensity of the swipe after which the swipe will result in a bounce effect when the user scrolls to the next page. Higher values require more accelerative swipe to notice the bounce effect when a page is changed. |
| content-height | String | The height of the ScrollView content. Supports 100% if the ScrollView container element does have set height. Each page will be streched to fill the container height. |
| datasource-id | String | The Id of the data source. |
| duration | Double | The duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it. |
| empty-template | String | The template for rendering the pages without content. By default, the ScrollView renders a blank page. |
| empty-template-handler | String | The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the name of a JavaScript function that will be called to return the template. |
| empty-template-id | String | The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the ID of the script element that contains the template. |
| empty-template-view | IHtmlContent | The template for rendering the pages without content. By default, the ScrollView renders a blank page. This option expects the instance containing the created HTML. |
| enable-pager | Boolean | If set to true, the ScrollView will display a pager. By default, the pager is enabled. |
| navigatable | Boolean | If set to true enables the built-in keyboard navigation |
| on-change | String | The name of the JavaScript function that will handle the change event. Fires when the ScrollView page is changed. |
| on-kendo-keydown | String | The name of the JavaScript function that will handle the kendoKeydown event. Triggered when the user presses a keyboard key while the ScrollView is focused.The event handler function context (available via the this keyword) will be set to the widget instance. |
| on-refresh | String | The name of the JavaScript function that will handle the refresh event. Fires when the ScrollView refreshes. |
| page | Double | If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. |
| pager-overlay | String | Sets an overlay background color for the pager. It can be configured to one of the three possible values: - none - no background overlay is set - dark - sets a dark-colored background overlay - light - sets a light-colored background overlay |
| script-attributes | IDictionary\ | Sets the attributes that will be added to the script tag of the component's initialization script. |
| template | String | Represents a collection of templates defined for the component. |
| template-handler | String | The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the name of a JavaScript function that will be called to return the template. |
| template-id | String | The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the ID of the script element that contains the template. |
| template-view | IHtmlContent | The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. This option expects the instance containing the created HTML. |
| velocity-threshold | Double | The length of the horizontal swipe after which a swipe will navigate to the next page - as opposed to snapping back to the current page. Higher values require long area swipes to navigate to the next page. |