CSS Magic Ideas #9
Description
scrolling up, AND down
I think I am having an amazing idea:
If you go down, and then up, you'd pass the same depth twice, once on your way down, and then again on your way up, but even though you're passing through the same depths, and you might even recognise it your experience would be entirely different, akin to moving up and down in a paternoster lift. So:
What would it be like to have a two column layout, and as you scrolling down, the text in one column would move up, while it moves down in the other. When the columns meet, the reader has reached the deepest point and both columns come to a rest, as the reader, and the narrative pause come to pause at the challenger point.
Media items could appear between the two text columns.
OMG, this is so simple and cool.
dynamic scrolling speed, speeding up and slowing down,
- We could also play with the scrolling speed (aka the rate at which the mouse movement translates into text movement).
- ...or coming to a stop haltingly when the scroll button is released as if suspended in liquid. this would be especially nice on a touch screen device. Anyhow, juncture looks much better on mobile than on big browser.
Motion blurr
To me the paragraph highlight feature looks a lot like a looking glass, aka a submarine window, we could keep the highlight window stable, and blurr the text outside of the window as you scroll, ideally the blur would have a gradient, and slowly settle into focus when you stop scrolling.
At chapter transitions, the scroll could come to a halt, or transition through an animation.