Contao ScrollCue.Js

scrollCue.js is a JavaScript library designed to trigger CSS animations when elements come into view while scrolling. Here are the key features and usage details:

Key Features:

  1. Animations: scrollCue.js supports over 15 CSS3 animations, including fadeIn, slideIn (left, right, up, down), zoomIn, zoomOut, rotateIn, bounceIn (various directions), and flipIn (X, Y).
  2. Initialization: To use scrollCue.js, include the CSS and JavaScript files in your HTML document and initialize the library with scrollCue.init();.
  3. Attributes: You can add various data attributes to elements to specify animations (data-cue), animation groups (data-cues), and more.
  4. Customization: The library allows customization of animation duration, delay, interval, order, and more with additional data attributes like data-duration, data-delay, data-interval, data-order, and data-sort.
  5. Grouping: Elements can be grouped so that animations trigger sequentially or in a specific order by using the data-group attribute.
  6. Methods: scrollCue.js provides methods for initialization (init), updating (update), and enabling/disabling (enable) animations programmatically.

scrollCue.js is easy to implement and customize, making it a versatile choice for adding scroll-triggered animations to websites. For more information, visit the scrollCue.js GitHub page or the official documentation.