Instead of styling "scrolled" elements in javascript, let's add a "scrolled" class

[jMyles]

Currently, we do things like transitioning the text color (once the page has scrolled) in javascript.

Instead, let's have the javascript simply add a "scrolled" class to a sufficiently large parent element (like page-wrapper) and then do all the styling on the basis of things being in the "scrolled" class.