jquery – 滚动到元素并将其放置在视图中间

前端之家收集整理的这篇文章主要介绍了jquery – 滚动到元素并将其放置在视图中间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

我有orderBook div,其中放置了orderBook的表.并且该表中的一行具有id middleRow.我要做的是滚动并将该行放在orderBook中间.

预期结果如图所示:

我试过了jQuery scrollTo函数,但它将中间行放在屏幕顶部,如下所示:

$(‘#orderBook’).find(‘.tableBody’).scrollTo(‘#orderBookMiddleRow’)

最佳答案
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',{offset: $('#orderBook').offset().top - $('#orderBook').height() - $('#orderBookMiddleRow').height() }) 

猜你在找的jQuery相关文章