Javascript: Write own Plugin - Scroll Parallax | Prashant Shinde | Skillshare

Javascript: Write own Plugin - Scroll Parallax

Prashant Shinde, 3D Designer, Vfx Artist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Videos (31m)
    • Class Intro

    • Basic HTML structure

    • Accessing top offsets with JS

    • Finishing the script

    • Preparing script for external use

    • Photoshop backfround creation

    • Testing our script


About This Class


In this class you will learn the skills needed to build "parallax plugin" in JavaScript. We will write our script  from start to finish and also cover one "parallax Landing Page" as a example, so that you will get an idea about exactly how your script will work.

What You'll Learn

  • JavaScript 
  • Students will be able create a simple JS plugin, which can handle multiple layer parallax.

Knowing how things work is cool!!

There are many JavaScript and J query plugins are available for this effect, some are available for free as well. But isn't cool to be able to do things by yourself?? In this class we are going to write simple version of some of very famous plugins.... with start from here, you can go ahead and add more and more complex things to it.

In the end of this class

You will have your own parallax plugin.

The Snapshot of landing page we will create






  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Prashant Shinde

3D Designer, Vfx Artist

Report class