Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialBrendan Whiting
Front End Web Development Techdegree Graduate 84,738 PointsWhat does the 'sticky nav' plugin do that is different from doing it with CSS (fixed position, z-index)?
I think I'm learning things out of order. I learned to do the sticky nav plugin, and now I'm learning how to basically do the same thing with CSS. Why did they make the sticky nav plugin if it's so easy to do it without JavaScript?
2 Answers
Eduard Zabara
2,617 PointsI guess one reason is because JavaScript allows you to add animations on scroll, which you can't with only css.
Adam Hill
7,492 PointsIt is easy to do with css and you can add some basic animation etc, but using JavaScript plugins allows you to do extra things like tell the nav to become sticky only after you've scrolled past a banner, or start at the bottom of the window (on screen but below a banner) and then smoothly scroll to become a fixed top header. Also it used to be harder to do everything with css, and still can be if you're trying to support older browsers.
sibal gesekki
3,484 Pointssibal gesekki
3,484 Pointsway more cool things to do with the sticky nav plugin and much easier