jquery - 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。