title: Moving the scrolling bar up or down
body: <p>As i was going through extjs examples i came across this behavior <a href="http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/array-grid.html" rel="nofollow">http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/array-grid.html</a></p>
  
  <p>When you click on a row and as you begin moving the cursor up or down,the scrolling bar moves along and when you arrive at the last record,the scrolling bar is down there with you.</p>
  
  <p>The example is using some keyboard events but in my example,i am attempting just a highlight to the row and hopefully i will understand how that is done.</p>
  
  <p>This is my example <a href="http://jsfiddle.net/thiswolf/phEax/" rel="nofollow">http://jsfiddle.net/thiswolf/phEax/</a></p>
  
  <p>This is how i got my scrolling bars</p>
  
  <pre><code>.tableholder{border:2px solid red; overflow-y:auto;height:300px}
  </code></pre>
  
  <p>What is making the scrolling bars move along as you move up or down the rows?.</p>