Css 在FullCalendar计划程序上完成粘性标题

Css 在FullCalendar计划程序上完成粘性标题,css,fullcalendar,fullcalendar-scheduler,Css,Fullcalendar,Fullcalendar Scheduler,这里有一个类似的问题,但建议的答案不起作用。FullCalendar提供了“粘贴头日期”(stickyHeaderDates)功能,可在滚动时将日历顶部的日期头固定到视口中。我需要同样的日历的工具栏。这个特性已经被提出()了,但在不久的将来似乎还没有实现 我试着用CSS做实验,比如 .fc-toolbar.fc-header-toolbar { position: sticky; top: 200px; z-index: 10; } .fc-head-container

这里有一个类似的问题,但建议的答案不起作用。FullCalendar提供了“粘贴头日期”(stickyHeaderDates)功能,可在滚动时将日历顶部的日期头固定到视口中。我需要同样的日历的工具栏。这个特性已经被提出()了,但在不久的将来似乎还没有实现

我试着用CSS做实验,比如

.fc-toolbar.fc-header-toolbar {
    position: sticky;
    top: 200px;
    z-index: 10;
}

.fc-head-container.fc-widget-header {
    position: sticky;
    top: 308px;
    z-index: 10;
    background: red;
}
.fc-timeline .fc-body .fc-scroller {
    height: 400px  !important;
}

但这只会使日历的工具按钮变得粘乎乎的,并使它们脱离图形环境。有人能帮我找到正确的方向吗?我有一个用于测试的代码笔:

如果添加此代码,它应该可以工作

.fc.fc工具栏.fc标题工具栏{
边缘底部:1.5em;
位置:粘性;
排名:0;
背景:#ffffff;
z指数:100;
}
.fc.fc scrollgrid节头.fc scrollgrid节粘性>*{
顶部:34px;

}
谢谢,效果很好!