Jquery 在html表格中滚动

我有一张桌子

<table>
  <tr><td>00:00</td><td>Text1</td></td>
  .
  .
  <tr><td>23:00</td><td>Text23</td></td>
</table>

00:00Text1
.
.
23:00Text23

---

我想隐藏从00:00到07:00的

标记，当页面加载时，我的表显示从08:00开始，但我想有可能滚动到表中的第一个元素。我尝试为jQuery使用不同的插件，但没有成功。有什么想法吗

尝试将表格放在可滚动的div中

只需将高度更改为您想要的高度。如果还希望水平滚动，也可以将“宽度”特性添加到“样式”属性中

<div style="height:200px;overflow:auto;" id="tableScroller">
  <table>
  <tr><td>00:00</td><td>Text1</td></td>
  .
  .
  <tr><td>23:00</td><td>Text23</td></td>
  </table>
</div>

---

不需要插件，只需将表放在可滚动的容器中，并使用类似以下代码集的内容：

HTML:

此脚本将允许您自动滚动到任何给定的时间（在本例中为

08:00

），并将隐藏上面的任何项目，前提是它可以进一步向下滚动。如果您选择了正确的高度，它还允许您在以后隐藏

---

请参见下面的工作演示。

您尝试过什么？如何编写自己的插件？您希望如何在视觉上切换行？另外，如果希望div随表增长到某一点，请尝试max height:200px。

$('#tableScroller').scrollTop( $('#tableScroller table').height() );

<div id="tableContainer" style="height:200px; overflow:auto;">
    <table>
        <tr><td>00:00</td><td>Text1</td></td>
        .
        .
        <tr><td>23:00</td><td>Text23</td></td>
    </table>
</div>

$(document).ready(function(){
    var howMuchToScroll = $('div#tableContainer table td:contains("08:00")').offset().top - $('div#tableContainer table').offset().top;
    $('div#tableContainer').scrollTop(howMuchToScroll);
});