+++ /dev/null
----
-title: Javascript tree with autoscroll
-layout: page
-js: examples/autoscroll.js
-css: example.css
----
-
-<p id="nav">
- <a href="../06_autoescape/">« Example 6</a>
- <a href="../08_multiple_select/" class="next">Example 8 »</a>
-</p>
-
-<h1>Example 7 - autoscroll</h1>
-
-<div id="scroll-container">
- <div id="tree1"></div>
-</div>
-
-<p>
- This is an example of autoscroll. The tree will scroll automatically if you drag an item outside of the tree.
- <br />
- Autoscroll will work automatically. There is no option for it.
-</p>
-
-<h3>html</h3>
-
-{% highlight html %}
-<div id="scroll-container">
- <div id="tree1"></div>
-</div>
-{% endhighlight %}
-
-<h3>css</h3>
-
-{% highlight css %}
-#scroll-container {
- height: 200px;
- overflow-y: scroll;
- user-select: none;
-}
-{% endhighlight %}
-
-<h3>js</h3>
-
-{% highlight js %}
-$('#tree1').tree({
- data: ExampleData.example_data
-});
-{% endhighlight %}