- Overview
- Transcript
1.1 Introduction
Welcome to Scroll Events Made Easy. In this course you will learn how to use wow.js, parallax.js, and skrollr.js to create your own browser scrolling effects, without having to get your hands dirty with complicated JavaScript.
1.Introduction2 lessons, 06:47
1.1Introduction00:42
1.2Frameworks for the Win06:05
2.Easy Parallax Scrolling With Parallax.js6 lessons, 52:23
2.1What Is Parallax Scrolling?04:56
2.2Setting Up the Site06:47
2.3Bootstrap Basics08:03
2.4Structuring the Header12:49
2.5Structuring the Body11:21
2.6Parallax Backgrounds08:27
3.Scroll Events With Wow.js4 lessons, 34:15
3.1Downloading Wow.js05:03
3.2The HTML09:27
3.3Simple Animations06:39
3.4More Animations13:06
4.Scrolling With Skrollr8 lessons, 1:09:54
4.1Downloading Skrollr05:31
4.2Data Attributes14:07
4.3Filling Out the Content11:25
4.4Styling the Slides04:38
4.5Slide and Fade10:05
4.6Narrow the Margins11:04
4.7Nested Animations07:26
4.8Animating the Shuttle05:38
5.Bonus Content: Creating Scrollable Navigation5 lessons, 42:49
5.1jQuery Click Events05:53
5.2Animated Scrolling With jQuery05:52
5.3Setting Up Your Scroll Positions13:49
5.4Detecting the Current Position11:00
5.5Manual Scrolling Issues06:15
6.Conclusion1 lesson, 01:39
6.1Conclusion01:39
1.1 Introduction
Hello, and welcome to Scroll Events Made Easy. My name is Craig Campbell, and I will be your instructor for this course. In this course, we're going to take a look at a few JavaScript frameworks that allow us to create animations and events related to scrolling up and down in the browser. And we're gonna do this without having to type any JavaScript code of our own. And then if you're brave towards the end of the course we are going to jump into a little bit of JavaScript as we create some navigation buttons that will take us back and forth, and automatically animate the scrolling of the webpage. So thank you for watching and in the next lesson we'll get started.