Make table auto scroll vertically via HTML & CSS
<p>I have a simple bootstrap table that I am trying to have vertically scroll automatically. The reason for this, is that the table will be displayed on a screen and the table could have 10 items in it or 100. So I would like it to auto scroll vertically so the user does not have to do it manually. After it reaches the end, it will just reset and start back from the top...</p>

<p>This is my markup thus far:</p>

<pre><code>&lt;div class="table-responsive" style="height: 700px; overflow: auto;"&gt;
    &lt;table class="table table-bordered table-hover"&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th style="text-align: left; font-size: 23px;"&gt;#&lt;/th&gt;
                &lt;th style="text-align: left; font-size: 23px;"&gt;Name&lt;/th&gt;
                &lt;th style="text-align: left; font-size: 23px;"&gt;Description&lt;/th&gt;
                &lt;th style="text-align: left; font-size: 23px;"&gt;Date&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;  
            &lt;tr class="danger"&gt;
                &lt;td style="text-align: left; font-size: 16px;"&gt;1213&lt;/td&gt;
                &lt;td style="text-align: left; font-size: 16px;"&gt;John Doe&lt;/td&gt;
                &lt;td style="text-align: left; font-size: 16px;"&gt;my short description&lt;/td&gt;
                &lt;td style="text-align: left; font-size: 16px;"&gt;Today's Date&lt;/td&gt;
            &lt;/tr&gt; 
       &lt;/tbody&gt;
   &lt;/table&gt;
&lt;/div&gt; 
</code></pre>

<p>NOTE:  I am hoping this can be achevied with only <code>HTML</code> and <code>CSS</code>.</p>

<p>Any suggestions?</p>