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

Posted by Ivan Mazuranic
Ivan Mazuranic
408 Points

What if I wanted to remove sticky header on certain browser widths?

Say I want to remove the jQuery plugin sticky-js from mobile-view (max-width: 480px), how would I accomplish that?

Ivan Mazuranic
Ivan Mazuranic
408 Points

Here is the snap:

https://w.trhou.se/2kxr4pqir9

1 Answer

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

To handle static sizes, you could wrap the sticky code in a conditional that tests "Window.innerWidth".

If you needed to deal with dynamically changing sizes, you could handle the window's "resize" event. But this poses special timing concerns, see the MDN resize event page for more details.