This project demonstrates a common webpage layout that has a fixed header and a fixed footer with a scrollable content in the middle.
It creates three layers avoid page repainting every time the user scrolls the page.
A simple demonstration on how to have a efficient webpage in exchange for a few extra layers, consuming more memory.
You can check the project right here
The project will present a live demo to you and teach you how to use Chrome DevTools to notice the different layers and repaints.