Explore the differences between position: fixed and position: sticky in CSS through this informative video tutorial. Learn why sticky positioning is often a better choice for headers and navbars, and discover potential pitfalls when using it for bottom-aligned elements. Dive into creative applications of sticky positioning, including a unique bottom-sticking technique and how to make headings push each other out of the way. Gain insights on common mistakes that prevent position: sticky from working as intended, and enhance your CSS layout skills with practical examples and explanations.
Overview
Syllabus
- Introduction
- comparing fixed to sticky
- sticky is better for headers and navbars
- sticking to the bottom might not work how you expect
- A fun use case for sticking to the bottom
- Headings pushing each other out of the way
- The mistake people make with position sticky that stops it from working
Taught by
Kevin Powell
Related Courses
-
CSS Position Property Tutorial for Beginners - Absolute, Relative, Fixed, Sticky
-
Mastering CSS Position Property - Static, Relative, Absolute, Fixed, and Sticky
-
CSS Position Deep Dive - Understanding Static, Relative, Absolute, Fixed, and Sticky
-
CSS Position Property - Static, Relative, Absolute, Fixed, and Sticky
-
CSS Position Property - Tutorial 28
