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

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

Replace image with a color jQuery on scroll

HI,

Can somebody tell me or show me how can i :

When i scroll down, like 50px down, my nav will get sticky ( i have done this ) and then my IMAGE will change at the same time as my navbar to a color i want . HOw can i make thjis?

1 Answer

mikes02
mikes02
Courses Plus Student 16,968 Points

Have you looked at Headroom.js (http://wicky.nillia.ms/headroom.js/)? It has callback functions based on whether or not the header is pinned/unpinned and you could execute JS in those functions.

Konrad Pilch
Konrad Pilch
2,435 Points

Seem a good article, ill assume its that one :) have scanned it, seem it is. Thank you!