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

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

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

预期结果如图所示:

我尝试使用jQuery scrollTo函数，但是将中间行放在屏幕顶部，如下所示:

最佳答案

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() })

关于jquery - 滚动到元素并将其放置在 View 中间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26865377/