滚动以使 div 可见

Question

我试图使全日历调度程序滚动到一个人单击的区域，并且此代码在某种程度上有效，但根据屏幕大小，它应该缩放到的实际区域经常滚动过去，并且在窗口中不可见。

有没有办法确保表格标题单元格的左边框与窗口的左边框对齐？

在视图中，div $('.fc-time-area.fc-widget-header .fc-scroller')内有一个水平滚动表，我想要可见的单元格可以找到如下内容：$(".fc-time-area.fc-widget-header .fc-content th[data-date='2017-2-11T10:00:00']")

var centerTime = function (day) {
    $('.fc-time-area.fc-widget-header .fc-scroller').animate({
        scrollLeft: $(".fc-time-area.fc-widget-header .fc-content").find("th[data-date='" + day + "']").offset().left
    }, 750);
};

Answer 1

我想通了。 显然，使用offset()和position()之间存在差异。 通过改变这个简单的事情，它现在工作得很好。

var centerTime = function (day) {
    $('.fc-time-area.fc-widget-header .fc-scroller').animate({
        scrollLeft: $(".fc-time-area.fc-widget-header .fc-content").find("th[data-date='" + day + "']").offset().left
    }, 750);
};