jedocodes/contao-scrollcuejs-bundle

集成了scrollCue.js,用于Contao的内容元素和表单字段。

1.0.1 2024-07-28 09:59 UTC

This package is auto-updated.

Last update: 2024-09-07 09:51:31 UTC


README

Logo

Latest Stable Version Downloads Latest Unstable Version License

Contao scrollCue.js

集成scrollCue.js以实现Contao内容元素的滚动动画。

安装

  1. 通过composer安装或使用Contao Manager
composer require jedocodes/contao-scrollcuejs-bundle
  1. 打开安装工具并执行数据库更新。

  2. 在页面布局中包含js_scrollcuejs模板。

添加自定义动画类型

如果您想设置自定义scrollCue.js选项,请创建一个自定义模板。有关更多详细信息,请参阅文档。也许还需要添加

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

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


屏幕截图

ContaoBackend options