Skip to content

backdrop-contrib/gsap_scrolltrigger

Repository files navigation

gsap_scrolltrigger

GSAP ScrollTrigger is a Javascript API Library which triggers events on anything scroll related.

This module intergrates the GreenSock's ScrollTrigger Javascript api library to create jaw-dropping scroll based animations with minimal code. Trigger anything scroll related, even if it has nothing to do with animation.

Initial version

This initial version only includes "show on scroll" which will fade in the content when it become visible on the screen.

Requirements:

GreenSock ScrollTrigger api - v3.3.4 - Loaded from the CDN or you can change the URL to a later version.

Installation:

Install this module using the official Backdrop CMS instructions at https://docs.backdropcms.org/documentation/extend-with-modules

Documentation:

Simply add the CSS .showonscroll to your element and when it becomes visible on the viewport it will fade in.

add CSS to hide the element until it is visible on the viewport.

.showonscroll {
    opacity: 0;
}

Official GreenSock ScrollTrigger Docs: https://greensock.com/docs/v3/Plugins/ScrollTrigger

TODO - Add documentation

Additional documentation is located in the Wiki: https://github.com/backdrop-contrib/gsap_scrolltrigger/wiki

Issues:

Bugs and Feature requests should be reported in the Issue Queue: https://github.com/backdrop-contrib/gsap_scrolltrigger/issues

View live sites to see the module in action.

Current Maintainer(s):

Credits:

Sponsorship:

License

This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.

About

Backdrop implementation of the GreenSock's ScrollTrigger Javascript API Library

Resources

License

Stars

Watchers

Forks

Packages

No packages published