I want to make a layout(like facebook) with following features:
- Fixed/sticky header and No footer
- 3 div, where
div1:div2:div3 = 1:2:1 - 3 scroll-bar to control each div...Scroll-1 and scroll-3 will be inside of div-1 and div-3 to control respective content, scroll-bar-2 will be in most right of the main body which will control content of div-2
- Full fixed page , no extra scroll-bar , check adding lorem1000 in each div
Please help me to make this layout... Thanking you in advance
html code that i have written
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="css/style.css"><title>test</title></head><body><nav><h1>This is nav</h1></nav><div class="row"><div class="col-3">lorem1000</div><div class="col-5">lorem1000</div><div class="col-3">lorem1000</div></div></body></html>Please help me to make this layout... Thanking you in advance