Sticky Header on Fullcalendar scheduler

问题

I am getting mad with trying to get sticky header with full calendar scheduler. I tried

height: "parent"

I saw a lot of posts but none of them worked.

but then there are 2 scrollbars (one for the main window and one for the calendar).

Is there a solution for having sticky header?

Thanks

回答1:

Finally it worked with something like

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

.fc-head-container.fc-widget-header {
    position: sticky;
    top: 108px;
    z-index: 10;
    background: white;
}

Thanks for your help

回答2:

I did't get the point about the full calender scheduler, If you want header element should be stickyed one, apply the below css for your header.

 position: fixed; top: 0; left:0; width: 100%;

try and let me know.

回答3:

You can use this, this works for me:

    .fc-timeline .fc-body .fc-scroller{
       height: 400px  !important;
    }

来源：https://stackoverflow.com/questions/52185073/sticky-header-on-fullcalendar-scheduler