Set header fixed

[Johnny]

We would like to have the header to be fixed on top when the user scrolls down. Any suggestions how to configure this.

[Balasubramanian Sattanathan]

Hi Johnny, 

Greetings from Syncfusion Support. 

We have prepared sample based on your requirement using below CSS.  

.e-check::-webkit-scrollbar {  

    display: none;  

}  

.e-schedule .e-schedule-toolbar-container {  

    position: fixed !important;  

    top: 0px !important;  

    left: 0px !important;  

    z-index: 10 !important;  

    width: 100%;  

} 

Sample : https://stackblitz.com/edit/mbdlwi-q2wmhe?file=index.js 

Kindly check the above sample and let us know if you need any further assistance on this. 

Regards, 

Balasubramanian S 

[Johnny]

Thx. solved it by setting the height fixed.

[Vinitha Devi Murugan]

Hi Johnny, 

 

Thanks for your update. 

 

We are happy that the problem has been resolved at your end. 

 

Regards, 

M.Vinitha devi