title: How to scroll to specific item using jQuery?
body: <p>I have a big table with vertical scroll bar.
  I would like to scroll to a specific line in this table using jQuery/JavaScript.</p>
  <p>Are there built-in methods to do this?</p>
  <p><a href="https://jsfiddle.net/xY7tx/" rel="noreferrer">Here is a little example to play with.</a><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
      width: 100px;
      height: 70px;
      border: 1px solid blue;
      overflow: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;table id="my_table"&gt;
          &lt;tr id='row_1'&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_2'&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_3'&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_4'&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_5'&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_6'&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_7'&gt;&lt;td&gt;7&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_8'&gt;&lt;td&gt;8&lt;/td&gt;&lt;/tr&gt;
          &lt;tr id='row_9'&gt;&lt;td&gt;9&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>