jedocodes/contao-scrollcuejs-bundle

Integrates scrollCue.js for Contao content elements and form fields.

1.0.1 2024-07-28 09:59 UTC

Requires

• php: >=8.1
• contao/core-bundle: ^5.3

Requires (Dev)

• friendsofphp/php-cs-fixer: ^2.16

LGPL-3.0-or-later

• jedoCodes

• contao
• animation
• scrollCue.js

README

Contao scrollCue.js

Integrate scrollCue.js for a scroll animation of a Contao content element.

Install

1. Install via composer or use the Contao Manager

composer require jedocodes/contao-scrollcuejs-bundle

1. Open the install tool and do a database update.

2. Include the js_scrollcuejs template in the page layout.

Add custom animation types

Create a custom template if you want to set custom scrollCue.js options. See the documentation for more details. May be also add

/******************** 
*     foo
*********************/

[data-cue="foo"],[data-cues="foo"]>*{
  opacity: 0;
}
@keyframes foo {
  from{
    ...
  }
  to{
    opacity : 1;
    ...
  }
}

Screenshot