滚动以使div可见

时间:2017-02-11 14:28:45

标签: javascript jquery fullcalendar fullcalendar-scheduler

我正在努力使全日历调度程序滚动到一个人点击的区域,这个代码有点工作,但是根据屏幕大小,它应该缩放到的实际区域经常滚动过去,并且是在窗口内看不到。

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

在视图中,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);
};

1 个答案:

答案 0 :(得分:0)

我明白了。显然,使用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);
};