SuperHi FM

Search:

Catalog Cart About Sign in

Foundation HTML, CSS + Javascript

Interior Weekly

Chapter 08

Interior Weekly

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Project overview

Lesson 02

Project setup

Lesson 03

Building a scroll function that counts the pixels to top

Lesson 04

Hiding and showing the header on scroll

Lesson 05

Setting the background color on scroll using extended if/else statements

Lesson 06

Progress bar HTML and CSS

Lesson 07

Setting the bar CSS using jQuery

Lesson 08

Figuring out how far down the page we have scrolled

Lesson 09

Setting the bar width dynamically

SuperHi FM

Want some ambient music in the background? Play our radio station!

Boyce Slideshow

Next: Chapter 09

Boyce Slideshow

Lightboxes

Back: Chapter 07

Lightboxes

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

In this chapter, we use Javascript to create interactive effects based on how far the user has scrolled. We also define conditional logic using if/else statements and math.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes