A simple way to create and maintain how elements fade in, triggered when they enter the viewport. An open-source experiment from @JulianLloyd.

Installation

  1. Download and enable Scroll Reveal Module.
  2. Download scrollReveal.js from Scroll Reveal GitHub and save /libraries/scrollreveal/scrollReveal.js.
  3. Goto admin page /admin/config/user-interface/scrollreveal and create the elements you wish fade when entering viewport.

Parameters

  • Element: Is a valid jQuery identification of the element that will receive the fade effect.
  • Enter: Controls the origin of the animation.
  • Over: Is the duration of the animation
  • After/Move: Is time before the reveal starts.

Version 7.x-2.x

Version 7.x-2.x of this modules requieres v2.x.x of the widget. As the js file carry no version information, it is imposible to determine automatically its version. Version compatibility has to be checked manually.

Other jQuery Modules

Parallax Background

Project information

Releases