Blazor Side bar is not static

Question

Im having an issue with the sidebar not staying static. It is wanting to scroll with the BodyContent. I used the reference Sidebar menu in your demo for reference.

and then the content is scrollable, the sidebar scrolls.. What setting do i make it static?

Shameer Ali Baig Sulaiman Ali Baig · Accepted Answer

Hi Trevor, 
 
Greetings from Syncfusion support. 
 
We have validated your reported problem with Sidebar menu sample from Sample Browser. We have set position as absolute to the Sidebar element in the sample styles, this causes your reported problem. Please, add the following styles in your application to fullfil your expected requirement. 
 




.e-sidebar-absolute { 
        position: fixed; 
    } 
 
    .e-sidebar.sidebar-menu { 
        top: 50px; 
    } 
 
 
For your convenience, we have attached the sample with the above solution. Please, download it from the following link. 
 
Sample: https://www.syncfusion.com/downloads/support/forum/159724/ze/Sidebar_with_menu-1181187776  
 
Please, check out the following links to know more about SF Blazor Sidebar. 
 
Demos: https://blazor.syncfusion.com/demos/sidebar/default-functionalities?theme=bootstrap4  
 
Documentation: https://blazor.syncfusion.com/documentation/sidebar  
 
https://blazor.syncfusion.com/documentation/sidebar/getting-started/#navigation-with-sidebar  
 
API Reference: 
 
https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.Navigations.SfSidebar.html 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Shameer Ali Baig S.