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 Understanding Plugin Events

jes cahn-thompson
seal-mask
.a{fill-rule:evenodd;}techdegree
jes cahn-thompson
Front End Web Development Techdegree Student 6,719 Points

can't find .sticky-start and -end in browser

no problems following and getting this all to work, but when i inspect the nav element in the browser, i'm only seeing .sticky-wrapper and not the .sticky-start nor -end. anyone care to elaborate?

3 Answers

Adding to Jon Kealy's answer, if reading the jquery plugin file is too overwhelming initially (as it was for me), you could refer to the github README file. It lists all the options available to enhance the sticky experience.

https://github.com/garand/sticky/blob/master/README.md

Jon Kealy
Jon Kealy
9,082 Points

The sticky-start and sticky-end are not applied via a class name and therefore don't show up in the website HTML or CSS on the Dev tools. They are events that are contained in the sticky jquery plugin. If you would like to see what they do, I recommend opening the jquery plugin file and having a look there. Hope this helps.

Nick Field
Nick Field
17,091 Points

Are you using the latest version of Chrome for inspection? If so, go to Settings, General, Restore defaults and reload to reset Hope that helps!