Contents
<aside> 💡 All the code shown in this tutorial lives in this git repo branch **https://github.com/pkd2512/codeschool-webdev/tree/scrolly**
</aside>
As we try to engage the readers using visual stories, scrolling is perhaps the most natural interaction that engages the readers without much overload. It also allows us to layer information that reveal on scroll, which presented in a long-form, would appear boring. This is widely used in brand showcasing, visual news stories and data visualisation.
From Storytelling to Scrollytelling: A Short Introduction and Beyond*
The Past, Present, and Future of Scrollytelling - Nightingale
Some guidelines and resources for developing scroll-based webpages from Pudding.
Responsive scrollytelling best practices
How to implement scrollytelling with six different libraries
The fundamental logic can be summarised as –
background stick to your screen when you scroll. This section would contain your visuals that would change as you scroll.