Facing issue in calendar vertically scrolling with page scrolling

It is necessary to set a fixed position of the calendar in the page. You can do that by fixing the parent element and setting the height of the calendar to 100%.

This way, you will be able to avoid the double vertical scrollbar.

Please check my attachment. I need to fix header position on top of calendar if scroll down. There are showing four levels of calendar resource. It should be fixed while scroll down of the page.

Please help me to fix this.

Thanks