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' }选项以禁用视图中的滚动条。

虽然此新功能的更改日志条目可以读作＆＃34;要在月视图中关闭滚动条＆＃34;，它实际上适用于所有视图。

在月视图中，当日历的高度因为太多事件而溢出时，将出现垂直滚动条。要关闭此行为，请将height选项设置为＆＃39; auto＆＃39;。 - from v2.1.0-beta1 changelog

Answer 3

只需使用：

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

Answer 4

不确定

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

如果您的日历有不想要的滚动条，那么您有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。

jQuery FullCalendar：在日程视图中禁用滚动？

5 个答案: