2012-09-14 113 views
7

我有jquery完整日历在使用,但即时尝试摆脱滚动条。 我试着设置高度,不起作用。Jquery完整日历删除滚动条

任何人都有一个修复(他们已经使用!,没有链接,我已经尝试了其中的大多数)?

我使用:

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

Screen Shot

页是足够大的,只是不能让混账东西去!

回答

1

克里特包含日历,然后把在CSS一个div overflow-y:hidden;overflow-y:hidden;

div class="container-calendar" 

.container-calendar { 

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

} 
-2

您可以尝试两件事情:

CSS:总结日历中的div

div id{ 
overflow:hidden 
} 

JS:

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

应该解决您的问题。

+0

Quesiton你会如何添加滚动条时,它是在任的平板电脑或手机的版本? –

0

您可以尝试扩展压光机的宽度,使滚动条脱离视口的右侧,然后为包含元素设置overflow-x:hidden。

0

试试这个:

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

这些300和360就是一个例子,您可以将其设置为同时的想法是一样的不管你想..

6

我设置的高度和或contentHeight到相同的价值,它似乎已经完成了这个诀窍。

CSS:

#calendar { 
    height:1000px; 
} 

JS:

var calHeight = 1000; 

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

编辑:

我就发现刷新视图之间,导致它显示滚动的时候,我不希望它。 补充这一点:

.fc-scroller { 
    overflow-y: hidden !important; 
} 
0

我结束了使用该解决的bug

0

在fullcalendar版本2.7.1本可以固定评论与调用函数设置溢出行的更高版本:

this.applyOverflow(); 

有2个函数调用此函数:清除(围绕线8855)和渲染(围绕线8843)

0
$('.fullCalendar').fullCalendar({ 
       aspectRatio: 1.605, -> this works for me 
+1

这个答案可能是正确的,但如果你解释了为什么它是正确的,这将有所帮助。 –