Day #15 Sticky Sidebar Info Page

Sandbox This is where you play

Instructions: Let's make a CSS Sticky Sidebar! There are 3 HTML files for this lesson. This file, index.html, is the information page. The second page is called student.html - that is your file, for you to create your own sticky sidebar. The third file, entitled final.html within this folder is the final version for your reference.

Click here toView the student version

Information About this lesson

What are we making?

Fun & fancy ways to create a sidebar that is fixed to the side of the browser window. Ideally, you would use JavaScript or a jQuery Plugin to handle this scenario.

Where can I use it?

In your websites, client projects and applications as a way to keep the sidebar stuck to the side of the browser window!

How compatible are these styles with major browsers?

Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.