How can I have a sticky side nav with sticky header at the same time.

Question

<header >:sticky to the top.
<nav>: sticky to the header on left hand side.
<main> scroll with the body
<footer> same with main.

Answer 1

use position: fixed; on both of them