javascript - 全日历 v2 : How to maintain the same scroll time when navigating weeks?

Question

在 Fullcalendar 2 上，当我在周之间导航时，我想在垂直滚动中保持相同的时间范围。例如，在下面的图片中，我最初查看的时间是中午 12 点到下午 3 点。但是当我按下一个箭头转到下一周时，它会在早上 8 点重置。

我知道我可以更改默认开始时间

scrollTime: "08:00:00",

但我如何才能使垂直时间范围“固定”到我所处的位置？

Answer 1

不幸的是，这不是内置功能。有一个解决方法，但是当您转到上一周/下一周时，总会有一点点闪烁。

var scroll = -1,
    viewNames = ['agendaWeek', 'agendaDay'];

$('#calendar').fullCalendar({
    //...
    eventAfterAllRender: function(view) {
        if(scroll > -1 && viewNames.indexOf(view.name) !== -1)
            //Use a setTimeout hack here because the scrollTime will be set after eventAfterAllRender is processed.
            setTimeout(function(){                
                document.querySelector('.fc-agenda-slots').parentNode.parentNode.scrollTop = scroll;
            }, 0);
    },
    viewDestroy: function(view) {
        if(viewNames.indexOf(view.name) !== -1)
            scroll = document.querySelector('.fc-agenda-slots').parentNode.parentNode.scrollTop;
    }
    //...
});

jsfiddle

此代码适用于 FullCalendar v2。它假定滚动 div 是 .fc-agenda-slots div 的父级。