Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Using jQuery Plugins!
You have completed Using jQuery Plugins!
Preview
Here's a challenge: add another sticky element to the site. In addition to making the navigation bar stick, you'll make another page element stick as the user scrolls the page.
Challenge Tasks
- On the work.html file, stick the "Want us to work on your project?" sentence when it is scrolled to the top of the browser window.
- Add an email link after the "Want us to work on your project?" when that sentence is stuck to the top of the page.
- Remove that email link when the sentence is "unstuck."
- Make CSS change to make sure content doesn't appear underneath the sentence.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
The real fun comes when you start to
experiment with the plugin's options and
0:00
events.
0:03
I'd like you to modify
how this plugin works.
0:04
I'm going to give you a few
tasks to try out yourself.
0:07
Let me show you what I want.
0:10
The sticky.js plugin let's you stick
0:12
more than one element to
the top of the browser window.
0:15
I want you to try to add another
sticky element to the work.html file.
0:18
When the user scrolls the page so that
the want us to work on your project text
0:22
reaches near the top,
it should stick in place.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up