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

AutoScroll

configuration

If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it.

If the scroll container is different than the TreeView container, set overflow: hidden on the TreeView container.

autoScroll

Boolean

Default: false

<div style="height:100px; overflow: auto">
  <div id="treeview"></div>
</div>

<script>
  var dataSource = new kendo.data.HierarchicalDataSource({
    data: [
      { text: "Apple" },
      { text: "Banana" },
      { text: "Orange" },
      { text: "Tomato" },
      { text: "Melon" },
      { text: "Ananas" },
      { text: "Cucumber" }
    ]
  });

  var treeView = $("#treeview").kendoTreeView({
    autoScroll: true,
    dragAndDrop: true,
    dataSource: dataSource
  });
</script>

<style>
  .k-widget.k-treeview {
    overflow: hidden;
  }
</style>