From the course: Scrollytelling: Creating a One-Page Web Experience

Unlock the full course today

Join today to access over 24,500 courses taught by industry experts.

Scrollama setup

Scrollama setup

From the course: Scrollytelling: Creating a One-Page Web Experience

Start my 1-month free trial Buy for my team

Scrollama setup

“

- [Instructor] Okay, so we have HTML in place, content, structure and we have it styled, ready to be activated. And before we can actually activate it, we need to add the JavaScript code that is going to help us do that activation using the Scrollama library. So the first thing I have to do is actually bring in the references to the Scrollama library. I'm just going to keep copy and paste that in here inside of my head tag. And it's worth noting that this line here is saying, hey, the Scrollama library is at this URL, it's a reference to it, now I can talk about it, I can use it in the page. The Scrollama library, as I said in a prior video, uses the Intersection Observer API, and that used to be packaged within Scrollama, it no longer is, so I also have to have this reference so that that Intersection Observer is available inside of Scrollama or be available to Scrollama and to JavaScript on the page. So just so you…

Contents