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 Bootstrap Basics!
You have completed Bootstrap Basics!
Preview
ScrollySpy is an interactive JavaScript plugin that highlights the active navigation links. It automatically updates your navigation links based on a user's scroll position.
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
Now our site is one long, scrollable page.
0:00
Currently, the navigation doesn't let
visitors know where they are on the page.
0:01
Even when you click a link to
navigate to a section like Speakers,
0:05
the nav link remains dim,
with no visual feedback.
0:10
Well Bootstrap has a simple solution for
this called Scrollspy.
0:13
Scrollspy is an interactive
JavaScript plugin
0:18
that highlights the active
navigation links.
0:21
It automatically updates your nav links
based on a user's scroll position.
0:24
For example,
in the provided Scrollspy demo,
0:29
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