4

我想摆脱议程视图（周和日）中日历div 中的滚动条，并且仅在日历的内容不适合浏览器视口时才使用浏览器的滚动条。

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

4

2 回答 2

7

有一个getView返回当前活动视图的方法。这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

于 2012-12-13T18:53:43.890 回答
3

从 2.1.0 版本开始，您可以使用heightorcontentHeight选项并将其值设置为auto.

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

根据插件的文档，值auto意味着视图的内容将采用自然高度并且不会使用滚动条。

初始化日历如下：

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

在这里摆弄： https ://jsfiddle.net/yj90oqzf/

更多信息在这里：

于 2017-04-19T14:23:09.680 回答