This exercise comes with a good disclaimer that it's terrible UX practice to do something like this. That being said, there are some good concepts introduced in this lesson. Debouncing is a critical idea to understand for newer developers and this exercise is a good use case for that concept.

Also introduces some ideas around measuring scroll height (scrollY) and determining where a user is on the page as well as where specific elements are located in relation to the current scroll height.

Completion Time: ~15 Minutes

You can sign up for Javascript30 here:

You can view my example here:

You can see my code here: