I am currently in the process of building my online portfolio. I am looking to create two fixed divs that will not scroll, each occupying the full height of the page. The content between these two divs should be scrollable while the bars on the left and right remain fixed (refer to image).
Here is the code snippet for the left div:
.content_left {
background-color: #000;
float: left;
height: 100vh;
width: 10%;
position: fixed;
}
Thank you immensely for your assistance! I appreciate any advice or suggestions you can offer.
The divs labeled 1 & 2 in the image need to stay fixed