Scroll Reveal

Categories

JavaScript Utilities
Novelty
Theme Enhancements
Third-party Integration
Utility

Component ID

2248901

Component name

Scroll Reveal

Component type

module

Maintenance status

Actively maintained

Development status

Under active development

Component security advisory coverage

covered

Downloads

5573

Component created

Component changed

Component body

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

Component url

https://www.drupal.org/project/scrollreveal