議程視圖 - 顯示整個時間範圍

Question

我正在使用議程週日和議程日視圖。這些視圖顯示整個24小時的區塊（以半小時爲增量）。由於所有24小時都在顯示，因此垂直滾動功能處於啓用狀態。是否可以縮放足夠的時間增量以防止垂直滾動？

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

謝謝。

Answer 1

您問過「是否可以縮放足夠的時間增量以防止垂直滾動？技術上來說，答案是否定的，因爲你無法控制用戶視口的高度。換句話說，您無法預測最終用戶屏幕的大小。如果他們真的想要，可以決定在高度爲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點結束，如果這樣做合適的話，可以減少使用的垂直空間。