Sticky Header on Fullcalendar scheduler

user_3429383 0
Viewed 2013

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

fullcalendar-scheduler fullcalendar javascript
3 Answers

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

user_34293830

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.

user_46486410

You can use this, this works for me:

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