title: How to use scroll root?
body: <p>I want to know about roof of scroll using jquery.
  How to use roof of scroll??
  or It is ok that end of scroll move to start of scroll edge.
  How to solve this problem.</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;scrollTop demo&lt;/title&gt;
    &lt;style&gt;
    div.demo {
      width: 200px;
      height: 100px;
      overflow: scroll;
    }
  
    &lt;/style&gt;
    &lt;script src="lib/jquery/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="demo" id="divDemo"&gt;
      &lt;div style="float:left"&gt;
          &lt;ul&gt;
              &lt;li&gt;1&lt;/li&gt;
              &lt;li&gt;2&lt;/li&gt;
              &lt;li&gt;3&lt;/li&gt;
              &lt;li&gt;4&lt;/li&gt;
              &lt;li&gt;5&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div style="float:left"&gt;
          &lt;ul&gt;
              &lt;li&gt;1&lt;/li&gt;
              &lt;li&gt;2&lt;/li&gt;
              &lt;li&gt;3&lt;/li&gt;
              &lt;li&gt;4&lt;/li&gt;
              &lt;li&gt;5&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div style="float:left"&gt;
          &lt;ul&gt;
              &lt;li&gt;1&lt;/li&gt;
              &lt;li&gt;2&lt;/li&gt;
              &lt;li&gt;3&lt;/li&gt;
              &lt;li&gt;4&lt;/li&gt;
              &lt;li id="li5"&gt;5&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $("#divDemo").scrollTop(1000);
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>this is my code. Thanks any reply for my question.</p>