我正在使用 jquery 完整日历,但我试图摆脱滚动条。我试过设置高度,不起作用。
任何人都有修复(他们已经使用过!,没有链接 - 我已经尝试了大部分)?
我在用着:
$('#calendar').fullCalendar({
firstDay: 1,
minTime:@Model.MinHour,
maxTime:@Model.MaxHour})
页面足够大,只是不能让该死的东西去!
我正在使用 jquery 完整日历,但我试图摆脱滚动条。我试过设置高度,不起作用。
任何人都有修复(他们已经使用过!,没有链接 - 我已经尝试了大部分)?
我在用着:
$('#calendar').fullCalendar({
firstDay: 1,
minTime:@Model.MinHour,
maxTime:@Model.MaxHour})
页面足够大,只是不能让该死的东西去!
试试这个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>
我将 height 和 contentHeight 设置为相同的值,它似乎已经成功了。
CSS:
#calendar {
height:1000px;
}
js:
var calHeight = 1000;
$('#calendar').fullCalendar({
height:calHeight,
contentHeight:calHeight
});
编辑:
我在视图之间刷新时发现,当我不希望它显示滚动时,它会显示滚动。添加了这个:
.fc-scroller {
overflow-y: hidden !important;
}
尽管它的文档说auto
为height和contentHeight提供的选项有效,但仅适用于以上版本2.1.0
。
此代码适用于任何版本:
.fc-scroller {
height: auto !important;
}
克里特岛包含您的日历的 div,然后放入 cssoverflow-y:hidden;overflow-y:hidden;
div class="container-calendar"
.container-calendar {
overflow-x:hidden;
overflow-y:hidden;
}
你可以height: 'auto'
用来移除卷轴
$('#calendar').fullCalendar({
height:'auto',
...
});
在 fullcalendar 版本 2.7.1 中,这可以通过调用设置溢出的函数来修复注释行:
this.applyOverflow();
有 2 个函数调用此函数:clear(大约 8855 行)和 render(大约 8843 行)
$('.fullCalendar').fullCalendar({
aspectRatio: 1.605, -> this works for me
您可以尝试扩大日历的宽度以使滚动条超出视口的右侧,然后为包含元素设置溢出-x:隐藏。
尝试这个:
$(document).ready(function () {
$('#calendar').fullCalendar({
height: 300,
contentHeight: 360,
});
});
这些 300 和 360 是一个示例,您可以将它们设置为您想要的任何内容,而想法保持不变..
我最终使用了解决该错误的更高版本
你可以尝试两件事:
CSS:将日历包装在 div 中
div id{
overflow:hidden
}
JS:
$('#calendar').height($(window).height());
应该解决你的问题。