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.
- Ascot Cars Ltd (https://ascotcarsltd.co.uk)
Current Maintainer(s):
- [Steve Moorhouse (albanycomputers)] (https://github.com/albanycomputers)
- Seeking additional maintainers.
Credits:
Sponsorship:
- [Albany Computer Services] (https://www.albany-computers.co.uk)
- [Albany Web Design] (https://www.albanywebdesign.co.uk)
- [Albany Hosting] (https://www.albany-hosting.co.uk)
License
This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.