contentHeight Number|String(default: "auto")

The height of the ScrollView content.

The supported string values are:

  • 100% - Used if the ScrollView container element does not have a set height. In this case, each page will be stretched to fill the height of the container.
  • auto

Example - stretching the ScrollView

<div id="scrollView" style="height: 500px;>
  <div data-role="page">This page will stretch to fit the entire view height</div>
  <div data-role="page">This page will stretch to fit the entire view height</div>
  <div data-role="page">This page will stretch to fit the entire view height</div>
</div>

<script>
$("#scrollView").kendoScrollView({
    contentHeight: "100%"
});
</script>
In this article