我有一个带有垂直滚动条的大表格。我想使用jQuery/JavaScript滚动到此表格中的特定行。
是否有内置的方法可以实现这一点?
Here is a little example to play with.
div {
width: 100px;
height: 70px;
border: 1px solid blue;
overflow: auto;
}
<div>
<table id="my_table">
<tr id='row_1'><td>1</td></tr>
<tr id='row_2'><td>2</td></tr>
<tr id='row_3'><td>3</td></tr>
<tr id='row_4'><td>4</td></tr>
<tr id='row_5'><td>5</td></tr>
<tr id='row_6'><td>6</td></tr>
<tr id='row_7'><td>7</td></tr>
<tr id='row_8'><td>8</td></tr>
<tr id='row_9'><td>9</td></tr>
</table>
</div>
scrollTo
不是在顶部而是居中显示:scrollTo.offset().top - container.offset().top + container.scrollTop() - (container.height()/2)
- Mahnelement.scrollIntoView()
- 这就是所需的。动画已标准化。请参见https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView。 - WickyNilliams