Question

I got the following HTML:

<div style="height:200px;overflow-y:scroll;">
  <table>.....</table>
</div>

With this setup I’m somewhat mimicking the expanded <select> control with @size attribute defined. So, that a user could select a row in the table. Is there a way, to make the table “jump up”, so that the selected row appears to be at the top of the div and the vertical scrollbar scrolled to its position. I don’t need the actual scrolling effect. The table should change it’s position right away on row click.

Answer 1

This might work:

$("#scrollableDiv").animate({
  scrollTop: 200 // scrolls to the bottom
}, 1000);