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 trial

JavaScript Using jQuery Plugins Add a Sticky Navigation Bar The Plugin Challenge Solution

Harry Woodford
Harry Woodford
1,865 Points
Posted by Harry Woodford
Harry Woodford
1,865 Points

how do I make my Logo appear on the sticky nav.

How do I make my logo appear inside my sticky nav only when I scroll. But when I'm at the top and I want the logo to appear hidden and only to appear the moment the nav sticks to the top. I've placed the Logo in it's place in the html code and given it a display:hidden on the css but I don't how to activate it when the is_sticky is called. Do I write something in the CSS to make it appear or do I write something in the Javascript to appear?

1 Answer

Tyler Haas
Tyler Haas
20,623 Points

are you using display: hidden or visibility: hidden? either way I would just change that property to visible via jquery using the .on('sticky-start') function.