A simple way to create and maintain how elements fade in, triggered when they enter the viewport. An open-source experiment from @JulianLloyd.
You may have seen this technique in the "single page" websites that are often step based marketing pages for an event, company services or a new product.
CONTENTS OF THIS FILE
- Known Issues
- Special Thanks
- Coming From Drupal?
This module has been manually tested successfully creating several working JQuery scroll items in Backdrop.
This module works as is by just installing it.
Copyright © 2015 Julian Lloyd
The MIT License (MIT)
Probably the preferred way to do this module is to use the Libraries module to bundle instead like this documentation:
If it bothers you that we don't use the Libraries module, file an issue and we can try to change it.
When official information on using third-party JQuery plugins becomes known, this will follow it.
Big thanks to Julian Lloyd for this functionality.
A "parallax scrolling" looking website often has to use these four modules together:
Install this module using the official Backdrop CMS instructions at https://backdropcms.org/guide/modules
COMING FROM DRUPAL?
Nothing substantially different.
Download and enable Scroll Reveal Module.
Go to admin page /admin/config/user-interface/scrollreveal and create the elements you wish fade when entering viewport.
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.
This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.
This module is based on the Scroll Reveal module for Drupal, originally written and maintained by a large number of contributors, including:
- hatuhay https://www.drupal.org/u/hatuhay
Ported to Backdrop by:
- biolithic https://github.com/biolithic