Fullcalendar资源视图显示一整天并使其可滚动

Question

我已经为jquery插件fullcalendar找到了一个很好的资源视图实现 Fullcalendar Resourceview by Jarno Kurlin

然而，对于资源日视图，我无法显示一整天，并且我希望将此视图可滚动，就像在原始fullcalendar附带的日程视图中一样。 有人试过这个吗？实现滚动的最佳方法是什么？ 提前感谢您对此事的任何帮助。

Answer 1

您只需要应用简单的CSS来添加滚动条。 对DOM的检查显示，有一个div保存资源视图，类似于：

<div class="fc-view fc-view-resourceDay fc-grid" style="position: relative; display: block;" ...

fc-view类的css属性overflow设置为hidden。您可以在自己的css文件中将其覆盖为scroll

例如

.fc-view {
    overflow : scroll
}

如果您只想为资源日视图设置它，那么只需执行以下操作：

.fc-view.fc-view-resourceDay {
    overflow : scroll
}

Answer 2

你不能使用溢出，因为在渲染它时计算绝对位置，当你在中间用滚动改变天数时它会错误地显示事件

Answer 3

我自己已经注意到了这一点，我有很多资源，它使每一列太小，所以我添加了这个以使列更宽：

.fc-day-content {width:150px!important;}

然后将其用于滚动条：

  

.fc-view {overflow：scroll！important;}

但我最终得到了这个

添加我不知道如何解决它，想知道是否有人有想法或解决方案

由于