In this video, we'll focus more on practical use of Stellar.js
We'll make a parallax effect on some section of the webpage
First, I'll try to center both the DIVs
You'll notice that the background images have been automatically scrolled horizontally
Since we don't want a horizontal scroll in this tutorial, we'll have to disable it
You can customize this options by adding "horizontalScrolling: false" in the stellar() method
Next, I'll adjust the bottom image scroll ratio to 1 to make it scroll with original speed
also removing the offset
You'll begin to see the parallax effect. Let me add some sectioning block to make it look better
This DIV, I'll make it as a sectioning line
Now you know all the basic to create a background parallax effect!
Thanks for watching! (and don't forget to subscribe)
