0

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

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

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

和

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

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

和

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

到目前为止，还没有任何效果。

4

2 回答 2

1

现场演示

这是如何做到的。（你很接近）。

1) 使用 offset() 和 .top 获取元素的顶部偏移量

2) 使用 ScrollTo 滚动到元素

出于说明目的，我将其拆分了一下。

Javascript：

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

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

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

  e.preventDefault();
});
于 2012-04-04T19:35:54.370 回答
0

是的，你是对的@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>

我只是做了一个简短的搜索，那里还有其他插件。一个是数据表。

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

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

于 2012-04-05T02:53:23.740 回答