jQuery FullCalendar:禁用在议程视图中滚动

Question

如何使用 FullCalendar jQuery 插件禁用议程视图（周、日模式）中的滚动？在月模式下，一切都很好，但是当我切换到周/日模式时，我的主页滚动条旁边有一个滚动条。

Answer 1

这是我在我的情况下所做的。目标是动态更改高度，因此我以这种方式使用了 viewDisplay 事件：

$('#calendar').fullCalendar({
    viewDisplay: function (view) {
        var h;
        if (view.name == "month") {
            h = NaN;
        }
        else {
            h = 2500;  // high enough to avoid scrollbars
        }
        $('#calendar').fullCalendar('option', 'contentHeight', h);
    }
});

Answer 2

从 FullCalendar 2.1.0-beta1 开始，您可以设置{ height: 'auto' }选项来禁用视图中的滚动条。

尽管此新功能的更改日志条目可以读作"在月视图中关闭滚动条"，但它实际上适用于所有视图。

在月视图中，当日历的高度因事件过多而溢出时，将显示垂直滚动条。若要关闭此行为，请将高度选项设置为"自动"。-- 来自 v2.1.0-beta1 更新日志

Answer 3

只需使用：

$('#calendar').fullCalendar({
    height: "auto"
});

Answer 4

当然

$('#calendar').fullCalendar({
    height: 999999999
});

如果您的日历在您不希望它时有滚动条，那么您有 3 个选项：

1. 使其足够大，使其没有滚动条
2. 缩小内容，使其适合您的目录
3. 删除滚动条并失去对未显示信息的访问权限

你需要比"我不喜欢滚动条"更具体

Answer 5

以下是@Deulis答案的更新和缩短版本：

$("#calendar").fullCalendar({
  viewRender: function(view){
    $("#calendar").fullCalendar("option", "contentHeight", (view.name === "month")? NaN : 9999);
  }
});

正如@Pierre de LESPINAY和@Jens-André Koch已经提到的，viewDisplay在fullcalendar v2.0中被弃用。我们必须改用 viewRender。