2017-08-07 33 views
0

我正在使用议程周日和议程日视图。这些视图显示整个24小时的区块(以半小时为增量)。由于所有24小时都在显示,因此垂直滚动功能处于启用状态。是否可以缩放足够的时间增量以防止垂直滚动?议程视图 - 显示整个时间范围

我猜这需要大量的CSS操作,但我希望不是。

谢谢。

回答

0

您问过“是否可以缩放足够的时间增量以防止垂直滚动?技术上来说,答案是否定的,因为你无法控制用户视口的高度。换句话说,您无法预测最终用户屏幕的大小。如果他们真的想要,可以决定在高度为20px的窗口中查看网站。不太可能,但理论上可行。

但是,您可以做出的现实假设,用户可能做的事以及您准备支持的内容。而且你在fullCalendar中也有一些工具可以帮助你。如果您对文档进行了更深入的研究,则可能发现以下内容:

1)您可以使用height选项为整个日历设置固定的像素高度。 https://fullcalendar.io/docs/display/height/

2)您可以使用contentHeight选项为日历的视图区域设置固定的像素高度。 https://fullcalendar.io/docs/display/contentHeight/

3)您可以设置slotDuration选项来控制每个块覆盖的时间段。 https://fullcalendar.io/docs/agenda/slotDuration/

4)您也可以使用minTime(https://fullcalendar.io/docs/agenda/minTime/)和maxTime(https://fullcalendar.io/docs/agenda/maxTime/)选项在不同时间开始/结束视图(如果适用于您)。例如你可以在早上9点开始,并在下午5点结束,如果这样做合适的话,可以减少使用的垂直空间。

+0

所有这些选项都是控制渲染日历的高度。我目前正在这样做,但无法强制所有24小时进行渲染,而无需在固定高度日历内滚动。 我的日历设置为700px高度,但内容minTime = 0,maxTime = 24仍然会滚动,因为每个插槽太高。似乎没有办法控制每个插槽的高度。 –

+0

好的,你的意思是你想防止在calendar_内滚动view,不妨碍整个浏览器窗口的滚动?好。这个问题并不清楚。设置'height:1180'足以防止这种情况发生,但是并不是很多人拥有足够高的屏幕(一旦你考虑了浏览器UI,填充等),那么你最终将滚动浏览器窗口。 – ADyson

+0

设置'aspectRatio:0.8'也会达到同样的效果,但是通常是以滚动浏览器窗口为代价。 – ADyson