title: Set focus to the end of table inside of div when adding a new row
body: <p>I have a table within a div with a set height, when the table is bigger than the div the scroll-y bar appear.
  The problem is that if the scroll bar of the div is at the top, leaving other row at the bottom hidden, and the user press the button to add a new row, this row is added at the bottom of the table, therefore you can't see it.</p>
  
  <p>Is there anyway with javascript, vbscript, or css to set focus to the row it's been created so it is visible when added?</p>
  
  <p>This is the code where the function to add a new row would be called.</p>
  
  <pre><code>   strRow = strRow + "&lt;div&gt;
          &lt;input ID='AddRowTableNew_" + cstr(newrow.id) + "' type='button' 
          value='Add New Row' 
          onclick='vbscript:AddNewRow 0," + cstr(newRow.id)+ "'/&gt;
      &lt;/div&gt;"
  </code></pre>
  
  <p>Any help would be appreciated.</p>
  
  <p>PD: I would need this to be on VBScript or JavaScript, No JQuery please.</p>
  
  <p>Thanks. </p>