title: javascript scroll div
body: <p><code>setInterval</code> in this code doesn't work properly</p>
  
  <pre><code>&lt;script language="javascript"&gt;
      x = y = 0;
      function mvtb(p, g){
          i = 0;
          tmp = setInterval(function (){
              if(i &lt; 100 &amp;&amp; i &gt;= 0){
                  document.getElementById("plan").scrollTop = 200*(y+((y-g)*(i/100)));
                  document.getElementById("plan").scrollLeft = 660*(x+((x-p)*(i/100)));
                  i++;
              }
              else if(i == 100){
                  clearInterval(tmp);
              }
          }, 10);
          x = p; y = g;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>&lt;style&gt;
  #plan {overflow: hidden; height: 200px; width: 660px; background: #444;}
  .plan {width: 1980px;}
  .plan table {height: 200px; width: 660px;}
  &lt;/style&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;body style="background: black; color: white;"&gt;
  &lt;center&gt;
  &lt;div id="plan"&gt;
  &lt;table class="plan"&gt;
      &lt;tr id="g0"&gt;
          &lt;td class="p0"&gt;&lt;table bgcolor="gray"&gt;&lt;tr&gt;&lt;td&gt;0 0&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p1"&gt;&lt;table bgcolor="blue"&gt;&lt;tr&gt;&lt;td&gt;1 0&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p2"&gt;&lt;table bgcolor="yellow"&gt;&lt;tr&gt;&lt;td&gt;2 0&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="g1"&gt;
          &lt;td class="p0"&gt;&lt;table bgcolor="green"&gt;&lt;tr&gt;&lt;td&gt;0 1&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p1"&gt;&lt;table bgcolor="orange"&gt;&lt;tr&gt;&lt;td&gt;1 1&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p2"&gt;&lt;table bgcolor="red"&gt;&lt;tr&gt;&lt;td&gt;2 1&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="g2"&gt;
          &lt;td class="p0"&gt;&lt;table bgcolor="brown"&gt;&lt;tr&gt;&lt;td&gt;0 2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p1"&gt;&lt;table bgcolor="white"&gt;&lt;tr&gt;&lt;td style="color: black"&gt;1 2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
          &lt;td class="p2"&gt;&lt;table bgcolor="crimson"&gt;&lt;tr&gt;&lt;td&gt;2 2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;
       &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Move Table&lt;br /&gt;
  &lt;button onClick="mvtb(0, 0);"&gt;0 0&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(1, 0);"&gt;1 0&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(2, 0);"&gt;2 0&lt;/button&gt;&lt;br /&gt;
  &lt;button onClick="mvtb(0, 1);"&gt;0 1&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(1, 1);"&gt;1 1&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(2, 1);"&gt;2 1&lt;/button&gt;&lt;br /&gt;
  &lt;button onClick="mvtb(0, 2);"&gt;0 2&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(1, 2);"&gt;1 2&lt;/button&gt; &amp;nbsp; &lt;button onClick="mvtb(2, 2);"&gt;2 2&lt;/button&gt;&lt;br /&gt;
  &lt;/center&gt;
  &lt;/body&gt;
  </code></pre>