使用jquery,如何在居中(垂直和水平)的页面上滚动到特定的div?

使用jquery,如何在居中(垂直和水平)的页面上滚动到特定的div?,jquery,html,jquery-selectors,scroll,Jquery,Html,Jquery Selectors,Scroll,我有一个显示座位表的网页(每个座位都是一个div)。在某些情况下,页面非常大,因此您可能需要向右或向下滚动才能找到您的座位 我有一个链接,其中包含一个座椅名称(这是您座椅的div的id)。我想有一些jquery代码,当页面加载时可以“查找”和“高亮显示”您的座位 加载页面时,滚动使某个div位于页面中心的最佳方式是什么。一旦到了那里,我就可以做一些事情,比如暂时抬高div,让它脱颖而出。工作示例: 上面的示例滚动到页面上的随机div // Get a random div or seat var

我有一个显示座位表的网页(每个座位都是一个div)。在某些情况下,页面非常大,因此您可能需要向右或向下滚动才能找到您的座位

我有一个链接,其中包含一个座椅名称(这是您座椅的div的id)。我想有一些jquery代码,当页面加载时可以“查找”和“高亮显示”您的座位


加载页面时,滚动使某个div位于页面中心的最佳方式是什么。一旦到了那里,我就可以做一些事情,比如暂时抬高div,让它脱颖而出。

工作示例:

上面的示例滚动到页面上的随机
div

// Get a random div or seat
var seat = $('#div' + randInt.toString());
// Slowly scroll to the top of the div element
$('html,body').animate({
    scrollTop: seat.offset().top-20, 
    scrollLeft: seat.offset().left-20
    },'slow');
// When the animation has completed hide, 
// change the background color, and fade in the div
$('html,body').promise().done(function(){
    seat.hide().css('background','yellow').fadeIn(1000);
});

根据这个答案:

你试过什么?检查到目前为止您尝试了什么?查看并尝试使用偏移量到达位置。为了突出显示,只需通过jQueryCheck添加一个css类:但这似乎只处理垂直部分。水平卷轴怎么样。此外,将确保高亮显示的div始终靠近窗口的中心。