Napisałem aplikację, w której chcę aby navbar i lewe menu zawsze były przyklejone do góry i lewej części strony nawet podczas scrollowania.
Przy użyciu position: fixed to działa jednak nawet przed zaczęciem scrollowania pozostałe elemnty nie oddziałują na navbar i menu.
Przy użyciu position: sticky nie widać żadnego efektu.
leftMenu.css
.UnloggedLeftMenu{
height: calc(100vh - 70px);
width: 70px;
background-color: #6E81FB;
padding: 20px 0 0 0;
border-right: 2px solid #575353;
box-sizing: border-box;
position: sticky;
}
navbar.css
.NavBar{
padding: 0 15px 0 0px;
background-color: #6E81FB;
margin: 0px;
box-sizing: border-box;
height: 70px;
text-align: left;
display: flex;
line-height: 70px;
align-items: center;
border-bottom: 2px solid #575353;
position: sticky;
}
Screeny:

