Set header fixed

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

3 Replies

BS Balasubramanian Sattanathan Syncfusion Team November 23, 2019 04:59 AM UTC

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%;  


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

Regards, 
Balasubramanian S 



JO Johnny December 20, 2019 06:27 AM UTC

Thx. solved it by setting the height fixed.


VD Vinitha Devi Murugan Syncfusion Team December 20, 2019 11:43 AM UTC

Hi Johnny, 
 
Thanks for your update. 
 
We are happy that the problem has been resolved at your end. 
 
Regards, 
M.Vinitha devi 


Loader.
Up arrow icon