Question

我有一个表需要在一个页面内滚动。我已经使用了一个jQuery可滚动表插件来完成这个，但现在我需要弄清楚如何滚动到特定的行。

我尝试过几种不同的方法，包括：

$.scrollTo($('#rowIWantToScrollTo'));

和

var rowpos = $('#rowIWantToScrollTo').position();

$('#myTable').scrollTop(rowpos.top);

和

$('#rowIWantToScrollTo').scrollIntoView();

到目前为止还没有任何工作。

Answer 1

<强> LIVE DEMO

这是怎么做的。（你很亲密）。

1）使用offset（）和.top

获取元素的顶部偏移量

2）使用ScrollTo滚动到元素

为了便于说明，我把它分解了一下。

使用Javascript：

$("a").click(function(e){

  var _offset = $(".row9").offset();
  var _topoffset = _offset.top;

  $(".scrollbox").scrollTop(_topoffset);

  e.preventDefault();
});

Answer 2

是的，你是对的@ShaneCourtrille。从我所看到的，插件中没有内置功能可以滚动到特定行。

以下是使用超链接的非常简单的解决方案。不确定这是否是你想要的，但它确实起作用......

像这样创建一个内部锚......

<tr>
    <td><a name="toHere"></a>FL</td>
    <td>$1,364.27</td>
    <td>$712.05</td>
    <td>$211.11</td>
    <td>$416.87</td>
    <td>$1,364.27</td>
    <td>$712.05</td>
    <td>$211.11</td>
    <td>$416.87</td>
</tr>

并将其链接到表格之外 - <a href="#toHere">Scroll to my specified row</a>

我刚做了一个简短的搜索，还有其他的插件。一个是DataTables。

以下链接中列出的插件可能对您有所帮助......

https://stackoverflow.com/questions/159025/jquery-grid-recommendations

如何滚动到表格中使用溢出滚动条的行？

2 个答案: