1
00:00:00,120 --> 00:00:06,880
Sometimes you might need to animate some content with JavaScript, such as scroll content within a div.

2
00:00:07,170 --> 00:00:12,690
Well, this is the section for you because we're going to be showing you how you can create a content

3
00:00:12,690 --> 00:00:15,460
scroller snippet using JavaScript.

4
00:00:15,750 --> 00:00:20,960
So what it does is it applies JavaScript to the elements and listens for different events.

5
00:00:21,300 --> 00:00:25,310
So whenever you move over the scrolling text, it'll stop.

6
00:00:25,620 --> 00:00:29,370
So it's listening for most events as well as you can update the scroll speed.

7
00:00:29,610 --> 00:00:30,190
Let me show you.

8
00:00:30,840 --> 00:00:32,690
So we've got our content scrolling.

9
00:00:32,700 --> 00:00:40,920
We've got some information as to our speed, our X or Y position as well, so we can stop it whenever

10
00:00:40,920 --> 00:00:43,060
we hover over it as well.

11
00:00:43,080 --> 00:00:46,120
We can stop it on a click and we can start it again.

12
00:00:46,330 --> 00:00:49,620
There's a bunch of different options that we're going to be exploring throughout the lessons that are

13
00:00:49,620 --> 00:00:50,070
coming up.