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

coo*_*xie 15 jquery jquery-plugins fullcalendar

如何使用FullCalendar jQuery插件禁用日程视图(周,日模式)中的滚动?在月份模式下一切都很好,但是当我更改为周/日模式时,我的主页滚动条旁边有一个滚动条.

小智 20

这就是我在我的案子中所做的.目标是动态更改高度,所以我以这种方式使用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);
    }
});
Run Code Online (Sandbox Code Playgroud)

  • 它现在的viewRender - http://arshaw.com/fullcalendar/docs2/display/viewRender/ (2认同)

Pav*_*kou 16

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

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

在月视图中,当日历的高度因为太多事件而溢出时,将出现垂直滚动条.要关闭此行为,请将height选项设置为"auto".- 来自v2.1.0-beta1更改日志


Fer*_*jka 5

只需使用:

$('#calendar').fullCalendar({
    height: "auto"
});
Run Code Online (Sandbox Code Playgroud)