20

我正在使用 jquery 完整日历,但我试图摆脱滚动条。我试过设置高度,不起作用。

任何人都有修复(他们已经使用过!,没有链接 - 我已经尝试了大部分)?

我在用着:

$('#calendar').fullCalendar({
        firstDay: 1,
        minTime:@Model.MinHour,
       maxTime:@Model.MaxHour})

截屏

页面足够大,只是不能让该死的东西去!

4

12 回答 12

17

试试这个https://fullcalendar.io/docs/contentHeight contentHeight:"auto",用于删除滚动条

<script>

        jQuery('#calendar').fullCalendar({
         header: {
            left: 'prev',
            center: 'title',
            right: 'next'
        },
        defaultView: 'month',
        showNonCurrentDates:false,
        fixedWeekCount:false,
        contentHeight:"auto",
        handleWindowResize:true,
        themeSystem:'bootstrap3',

    });
</script>
于 2018-08-24T05:12:05.997 回答
12

我将 height 和 contentHeight 设置为相同的值,它似乎已经成功了。

CSS:

#calendar {
   height:1000px;
}

js:

var calHeight = 1000;

$('#calendar').fullCalendar({
    height:calHeight,
    contentHeight:calHeight
});

编辑:

我在视图之间刷新时发现,当我不希望它显示滚动时,它会显示滚动。添加了这个:

.fc-scroller {
   overflow-y: hidden !important;
}
于 2015-09-21T11:48:13.677 回答
6

从 2.1.0 版本开始,高度选项可以设置为“自动”

https://fullcalendar.io/docs/display/height/

这将删除垂直滚动条

于 2017-10-16T08:54:45.803 回答
5

尽管它的文档说autoheightcontentHeight提供的选项有效,但仅适用于以上版本2.1.0

此代码适用于任何版本:

.fc-scroller {
  height: auto !important;
}
于 2018-12-31T11:45:57.330 回答
2

克里特岛包含您的日历的 div,然后放入 cssoverflow-y:hidden;overflow-y:hidden;

div class="container-calendar"

.container-calendar {

overflow-x:hidden;
overflow-y:hidden;

}
于 2012-09-14T17:33:58.523 回答
1

你可以height: 'auto'用来移除卷轴

$('#calendar').fullCalendar({
    height:'auto',
    ...
 });
于 2018-08-30T17:30:40.093 回答
1

在 fullcalendar 版本 2.7.1 中,这可以通过调用设置溢出的函数来修复注释行:

this.applyOverflow();

有 2 个函数调用此函数:clear(大约 8855 行)和 render(大约 8843 行)

于 2016-10-26T14:58:52.730 回答
1
$('.fullCalendar').fullCalendar({
                aspectRatio: 1.605,  -> this works for me
于 2016-11-10T17:51:51.057 回答
0

您可以尝试扩大日历的宽度以使滚动条超出视口的右侧,然后为包含元素设置溢出-x:隐藏。

于 2014-09-05T04:48:17.783 回答
0

尝试这个:

$(document).ready(function () {
    $('#calendar').fullCalendar({
        height: 300,
        contentHeight: 360,
    });
});

这些 300 和 360 是一个示例,您可以将它们设置为您想要的任何内容,而想法保持不变..

于 2015-06-24T12:18:02.237 回答
0

我最终使用了解决该错误的更高版本

于 2015-09-21T15:00:08.570 回答
-2

你可以尝试两件事:

CSS:将日历包装在 div 中

div id{
overflow:hidden
}

JS:

$('#calendar').height($(window).height());

应该解决你的问题。

于 2012-09-14T17:35:09.583 回答