Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- - Overview
  - API
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / ScrollView / API / ScrollView API /

New to Kendo UI for Vue? Start a free 30-day trial

ScrollView

Props

auto-bind `Boolean`

If auto-bind is set to false, the ScrollView will not bind to the data source during initialization (autoBind in Kendo UI for jQuery). Only applicable for the data-bound mode.

bounce-velocity-threshold `Number`

The velocity threshold after which a swipe will result in a bounce effect (bounceVelocityThreshold in Kendo UI for jQuery).

content-height `Number | String`

The height of the ScrollView content (contentHeight in Kendo UI for jQuery). If the container element of the ScrollView has no set height, renders 100% and each page will be stretched to fill the container height.

data-source `kendo.data.DataSource | Object`

The DataSource instance to which the ScrollView will be bound to (dataSource in Kendo UI for jQuery). If data-source is set, the ScrollView will operate in its data-bound mode.

duration `Number`

The duration (in milliseconds) for the ScrollView to snap to the current page after it was released (duration in Kendo UI for jQuery).

empty-template `String`

The template for rendering the pages without content (emptyTemplate in Kendo UI for jQuery). By default, the ScrollView renders a blank page. Only applicable for the data-bound mode.

If enable-pager is set to true, the ScrollView will display a pager (enablePager in Kendo UI for jQuery). By default, the pager is enabled.

page `Number`

The initial page to display (page in Kendo UI for jQuery).

template `String`

The template which is used to render the content of pages (autoBind in Kendo UI for jQuery). By default the ScrollView renders a div element for every page.Applicable only in data bound mode.

Kendo API for template option

velocity-threshold `Number`

The velocity threshold after which a swipe will navigate to the next page, as opposed to snapping back to the current page (velocityThreshold in Kendo UI for jQuery).

Events

change: `Function`

Fires when the ScrollView page is changed (change in Kendo UI for jQuery).

refresh: `Function`

Fires when ScrollView refreshes (refresh in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoScrollView

returns

Returns the Kendo UI ScrollView instance.