Scroll Effect : How to make a tasty Hamburger

Live Demo
Top-to-Bottom: http://designx.khanweb.site/burger-scroll/
Bottom-to-Top: http://designx.khanweb.site/burger-scroll-reverse/
Sticky scroll effect

Made using only z-index, offset and sticky scroll.

Burger image: www.freepik.com

p.s. the burger is made by an amateur chef which is why the top bun is big in size 😅