scrollreveal.js in Creativity

Hello,

I'm willing to put scrollreveal script into Creativity template to automate text animations in my modules. Here's what I did:
1) took scrollreveal.js from 'John' template and copied it to /js directory of 'Creativity' template,
2) added to /gk_creativity/layouts/blocks/head.php line:

$this->API->addJS($this->API->URLtemplate() . '/js/scrollreveal.js');

3) created module (bottom1) with content including: <div data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.3s">Some text</div>

And it doesn't work. At. All.

What am I missing or doing wrong?

Thank you in advance

You have probably forgot to initialise scrollreveal in gk.scripts.js. Pease search for scrollreveal initialisation in any of our templates that uses this script.

SOLVED!

Thank you Cyberek. You were partly right - this script indeed needed initialisation. Here is what I had to do additionally to make it work:

in gk/creativity/layouts/default.php

I changed <script> section (which is right before </body> tag) from:

Code: Select all

<script>
    jQuery(document).ready(function(){
        // Target your .container, .wrapper, .post, etc.
        jQuery("body").fitVids();
    });
</script>

to:

Code: Select all

<script type="text/javascript">
        if(jQuery(window).width() > 600) {
            jQuery(window).scrollReveal = new scrollReveal();
        }

        jQuery(document).ready(function(){
           // Target your .container, .wrapper, .post, etc.
           jQuery("body").fitVids();
    });
</script>

And that's it!

Thanks for sharing the code.
Is there anything else I can help you with regarding this topic?