jquery - 滚动到元素并将其放置在 View 中间

Question

我正在尝试自动滚动到订单簿的中间行。

我有 orderBook div，其中放置了带有 orderBook 的表。该表的其中一行有一个 id middleRow。我想做的是滚动该行并将其放置在 orderBook 的中间。

预期结果如图所示:

我尝试过jQuery的scrollTo函数，但它把中间行放在屏幕顶部，如下所示:

$('#orderBook').find('.tableBody').scrollTo('#orderBookMiddleRow')

Answer 1

http://demos.flesler.com/jquery/scrollTo/

您可以像这样指定滚动的偏移量:

$('#orderBook').find('.tableBody').scrollTo('#orderBookMiddleRow', 500, {offset: -$(window).height() /2})

这是一个非常简单的概念证明:http://jsfiddle.net/6k8asog1/

编辑:这是OP修改后的代码，用于滚动到#orderBook的中心，而不是窗口:

$('#orderBook').find('.tableBody').scrollTo('#orderBookMiddleRow', 500, {offset: $('#orderBook').offset().top - $('#orderBook').height() - $('#orderBookMiddleRow').height() })