Locomotive Scroll is Awesome - Here's how to use it

-- Today, we're stepping back into the exciting world of frontend development to check out a JavaScript library called Locomotive Scroll. It allows you to do a number of things, but primarily it allows you to integrate a smooth / gradual scroll experience. I'm going to show you how to get it installed, and set it up with some of the many features.

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Hey all. I will be live streaming tomorrow at 10:30am EST on the FreeCodeCamp youtube channel!

[abhayganti]

The new Intro is dope !! Love this video as always Gary !!!

[reignsvicky]

Every single one of your videos Im enjoying dude, You doing great

[christinetreacy]

Really, really appreciated this video! I've been struggling to get locomotive-scroll to work and your walk-through was simple and easy to follow. I also used Parcel and scss for the first time too so woohoo! :) Thank you!

[tomaszprabucki]

I love your channels, thanks to You, my projects become 200% better

[reignsvicky]

Thank you so much, you sharing lot of knowledge

[jrhager]

I've been searching and searching for a react smooth scroll package, and the fact that this one has parallax is a double-win! Awesome!

[Ree-rrjs]

This floating head make a realy good point 👌🏻
Good job!

[tarikjamil]

hello there! i tried the locomotive animation and it works perfectly, however there is one element i can't figure out, it's the anchor link, so when i try a "go back to top" kind of button, it doesnt work with locomotive, any idea how to do that ?

[maelar]

Thank you for the video, I have a question : To be able to run the parcel command we have to set our execution policies to "AllSigned", isn't it dangerous concerning malicious scripts ?

[MichaelTurpinAV]

Looks Interesting, even just to manage transitions for elements entering the screen, has anybody tried it and know what the performance is like? I'm also wondering about how the parallax would cope responsively and with longer content. It could be really useful.

[maxdevgenius]

waouh a new intro
very cool tuto prof

[mrconcept]

Thanks for this excellent tut. How do you change the direction of the horizontal scroll? I do and it moves right to left but not aure how to reverse it so it goes left to right?

[anandgaurav]

Hey,
thank you for your tutorials, It helps a lot to students like us
can you give us a tutorial on "adding locomotive scroll to Wix Dev mode"

[somedev]

What was the id my-section for in the section tag, I think u forgot it?

[jbink]

used it yesterday without success ... so thank you ;)

[lorenzofranzone]

hello, thanks for your tutorial! I've a problem: followed step by step your code, elements are detected in viewport and "data-scroll-class" works well but "data-scroll-speed" not... any suggstions? Thank you

[alimagnetic-iransenigma]

thanks it's pretty well explained. can you do a video on how to make it work on nextjs ?? it gives an error on scrollId undefined which i cannot solve. thank you.

[oaooaoipip]

Hi Gary. What is that white stuff on your arm and on your t-shirt?

[CiscoZero]

How do you know so much? When does all of it start coming together? Do you just do research and figure it out, or do you remember everything off the top of your head?