Shape 5

Joomla Templates => Corpway - Club => : s5denny1 January 06, 2016, 11:40:37 AM



: scroll reveal
: s5denny1 January 06, 2016, 11:40:37 AM
Hello Shape5, wondering if you could point me in the right direction with this.

I'm trying to use scroll reveal. I enabled 'enable scroll reveal' in template manager - assumingth is intalls it and adds it beofre the </body> tag.

For example I want to add it to a module e.g. <div data-scroll-reveal="enter left and move 50px over 1.33s"> Enter from the left and move up 50px in 1.33 seconds. </div>

My module has this html:
<div class="gray_box">
<h4 style="color: #000000; text-align: center;">My Heading</h4>
<p style="text-align: center;">My further text</p>

I tried to insert it right in there and it doesn't work. Any chance of enlightening me as to what I should do with it to make it work?

Kind regards


: Re: scroll reveal
: s5denny1 January 06, 2016, 01:06:08 PM
Have tried: data-sr= by the way.

I'm thinking about moving to Swapps template to get the look I want.

Can it be achieved in Corpway.

Or could you give me a heads up on how to implement this for module display text, full module and the likes.


: Re: scroll reveal
: mikek January 06, 2016, 03:18:34 PM
Hello,

You can use it on any template. I think it would be like this though:

data-sr="enter left move 50px, over 1.33s"

You don't need the "and" and you are missing a comma.


: Re: scroll reveal
: s5denny1 January 07, 2016, 05:37:19 PM
Thanks Mike, have it now. I also moved to Swapps. The answer really is that you div it in where you want it.