autoScroll Boolean(default: false)

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.

Example - use autoScroll in a scrollable container

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

  var dataSource = new{
    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

  .k-widget.k-treeview {
    overflow: hidden;
In this article
Not finding the help you need? Improve this article