[MUSIC]

Welcome back.

Now that you have a basic understanding of jQuery plugins,

let's look at another plugin called StickyJS.

It lets you stick any page element to the top of a browser window.

It's great for a navigation bar that you want to remain visible when a visitor

scrolls down a page, or for keeping an important announcement ever-present.

Let's take a look at this plugin.

The StickyJS plugin is simple and useful.

When a user scrolls the page,

you can lock an element into place at the top of the browser window.

This is what we'll be adding to our project in this section of the course.

When I scroll down the page, this navigation bar will stick, and

stay in view.

Using CSS, you can even change the appearance of the fixed element.

A class is applied to the element when it's fixed, so you can create a style that

changes the look of the element when it's stuck to the top of the page.

You can even lock multiple elements into place.

Notice that on this page, the want us to work on your project paragraph

sticks just below the navigation bar.

You'll also notice that the content changes when it sticks.

A new Email us link appears when the paragraph sticks, but

disappears when you scroll back to the top of the page.

In this section of the course, I'll not only show you how to use this plugin, but

introduce plugin events, so that you can add programming that responds

to changes that the plugin makes to the page.

Let's get started.