Question

我想删除议程视图中calendar's div中的滚动条（周和日），如果日历的内容不适合浏览器视口，则只使用浏览器的滚动条。

所以我相信我需要调整日历的高度以使其内容合适。我怎样才能做到这一点？

Answer 1

有一个getView方法可以返回当前活动的View。这个View有自己的方法setHeight，所以你可以创建一个这样的函数：

function resizeCalendar(calendarView) {
    if(calendarView.name === 'agendaWeek' || calendarView.name === 'agendaDay') {
        // if height is too big for these views, then scrollbars will be hidden
        calendarView.setHeight(9999);
    }
}

在视图更改时调用它：

$('#calendar').fullCalendar({
    viewDisplay: resizeCalendar,
    ...
});

工作JSFiddle

Answer 2

从版本2.1.0开始，您可以使用height或contentHeight个选项，并将其值设置为auto。

height选项指的是整个日历的高度（包括标题）。 contentHeight选项是指日历的内容区域高度。

根据插件的docs，值auto表示视图的内容将采用自然高度，并且不会使用滚动条。

按如下方式初始化日历：

$('#calendar').fullCalendar({
    contentHeight: "auto",
    // .... other options here 
});

这里小提琴： https://jsfiddle.net/yj90oqzf/

更多信息：

如何使jQuery FullCalendar高度适合其内容？

2 个答案: