« Example 6 Example 8 »

Example 7 - autoscroll

This is an example of autoscroll. The tree will scroll automatically if you drag an item outside of the tree.
Autoscroll will work automatically. There is no option for it.

html

<div id="scroll-container">
    <div id="tree1"></div>
</div>

css

#scroll-container {
    height: 200px;
    overflow-y: scroll;
    user-select: none;
}

js

 $('#tree1').tree({ data: ExampleData.exampleData });