Coding snippets

To make a left and right sidebars fixed and only the center section would be scrollable:

 .fixed-sidebar {

    position: fixed;
    overflow-y: scroll;
    height: calc(100vh - 10rem);
}
.scrollable-main-content {
    min-height: 100vh;
}

col-xl-3 col-lg-3 col-md-3 left-container fixed-sidebar
col-xl-5 col-lg-5 col-md-4 col-sm-12 col-xs-12 offset-xl-4 offset-lg-4 offset-md-5 scrollable-main-content
col-xl-3 col-lg-3 col-md-3 program-right-container fixed-sidebar

No comments:

Post a Comment