Div appear at the bottom (Superscrollorama)

Question

Div appear at the bottom (Superscrollorama)

Asked 10 years, 4 months ago

Viewed 179 times

6

I have a problem at Scrollorama. I wish the div started showing up right at the bottom, but she’s only showing up when I’m halfway through the site. The class:

$(document).ready(function() {
   var controller = $.superscrollorama();
   var scrollDuration = 200; 
   controller.addTween('#fade', TweenMax.from( $('#fade'), .50, {css:{opacity:0}, ease:Quad.easeInOut}), scrollDuration);
});

2

Is it possible to make a jsFiddle with an example? or link to see the live problem?

– Sergio

2014/02/25 at 08:42
I used these Greensock classes in Flash, in Action Script 3, I didn’t even know they made a Javascript version! As Sergio mentioned, try to reproduce the problem in a jsfiddle, because it is very hard to imagine what is happening. Note that in jsfiddle there is a tab "External Resources" where it is possible to add external libraries in addition to jQuery, then it is possible to make a functional example.

– utluiz

2014/02/25 at 13:19
Put HTML + Javascript here to see what happened.

– Tony

2014/02/25 at 19:23

1 answer

Browser other questions tagged javascript jquery html5

You are not signed in. Login or sign up in order to post.

by Wedenson Barros Freitas • 21 points · Answer 1 · 2014-02-25T21:30:03+00:00

You could try as in the example below, just passing the position via CSS.

controller.addTween(
    '#fade', 
    TweenMax.from( $('#fade'), .50, 
     { css:{opacity:0}, 
       css:{left: '0px'},
       css:{top: '0px'},
        ease:Quad.easeInOut
     } ), 
     scrollDuration );

Reference: http://www.princiweb.com.br/blog/front-end/ferramentas/o-tal-do-parallax.html