Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

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

      1:05
    • Basic HTML structure

      4:39
    • Accessing top offsets with JS

      4:51
    • Finishing the script

      7:52
    • Preparing script for external use

      1:35
    • Photoshop backfround creation

      5:07
    • Testing our script

      5:51

About This Class

bee69a11

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

ca90598c

2 of 2 students recommendSee All

This class effectively teaches students how to create the parallax effect.

14

Students

--

Projects

Prashant Shinde

3D Designer, Vfx Artist