Search the Community
Showing results for tags 'scrollorama'.
-
Hello everybody! I have a problem with the Superscrollorama plugin. I'm a graphic desiner, so I don't understand too much about Javascript. But I'm trying to learn it. I could make an animation with the plugin, but my problem is that I'm doing a responsive website, where each section has a height that fits on the screen. For this reason, I would need to start the animation when the section is displayed, not when I scrolled up to X number of pixels (3000px in this case). I hope I explained the trouble. I'll paste the code that I would like to change, someone can help me? Pleeeeease controller.pin($('#slide5'), 2800, { anim: (new TimelineLite()) .append( TweenMax.fromTo($('#move-1'), .75, {css:{left: 0, top: 0}, immediateRender:true}, {css:{top: 100}} ), -1.5 // offset for better timing )
- 2 replies
-
- scrollorama
- animation
-
(and 3 more)
Tagged with:
-
Hi, I am a total noob to jQuery and just learned what GreenSock was today. I would really like to use Superscrollorama for a site I'm building but I don't totally get it. I'm attempting to play with this example but nothing is happening: https://github.com/johnpolacek/superscrollorama/blob/master/simpledemo.html When I save this as an html file and open it up, it's just black words on a white screen. Please help!
- 2 replies
-
- superscrollorama
- scrollorama
-
(and 3 more)
Tagged with:
-
Hi there! I hope that somebody can help me out with a problem I stumbled upon. I want to animate on a scroll by using the superscrollorama plugin. With GSAP I can use a timeline to change the position of an element on scrolling. I want the following actions to take place: Move the element from -1900px to 550px on screen by scrolling After that, let the element stay at it's position while scrolling a certain amount of pixels (let's say 2000px) After the 2000px without movement, let the element move from it's current position to 1900. So we have an animation of an element from the left side of the screen, to the right with a pin moment. I hope someone can help me out here because I have not succeeded in writing a code that doesn't conflict with the first animation and a pin moment. This is what I have so far: controller.addTween('body',(new TimelineLite()).append([TweenMax.fromTo($('#vogel'), 1, {css:{left: -1900}, immediateRender:true}, {css:{left: 550}})]), 1000);
- 3 replies
-
- javascript
- animation
-
(and 5 more)
Tagged with:
-
Hi, i'm new on this forum so hello everybody. My problem is that when i'm scrolling a content, bottom section on my page is moving up and down. What i know this behavior is caused by div with scrollorama-pin-spacer class that automaticly change his height. It is visible on big monitor like with 1920x1080 resolution. On my laptop looks fine. An example: http://claritinewww.lubieapps.pl/ I would be grateful for any help
-
Hi there! Having issues with reversing the first tween in my animation. It doesn't seem to do the reverse like all the others. I have just used a simple TweenMax: controller.addTween('#fade-it1', TweenMax.from( $('#fade-it1'), .5, {css:{opacity: 0}})); I have also hosted the project here: http://yaocho-digital.com/meadows/ Any help would be great! Thanks, JP
-
Hi! I´m wondering if the Super scrollorama has some kind of vertical navigation like this one: http://www.evanshalshaw.com/bondcars/index.html I´m trying to figure out some kind of vertical menu, where you´re able to click on one item, and it takes you to the right portion of animation. Is it possible? How? Thanks a lot!
-
Hi greensocks, First, I realize my request is only marginally related to Greensock by relation to SuperScrollorama but I thought this would be the best forum to ask. I've done as broad of a web search as possible on the topic and came up with this example: http://stackoverflow.com/questions/9925174/scrollorama-and-responsive-webdesign Which, honestly, while unanswered on that site, seems to be working. Still, does anybody else have any experience combining these two features? Is this even recommended for performance, stability, etc? As GSAP for javascript is fairly new, I often see questions posted here of the experimental nature so I'm hoping some minds will have given this some thought they'd like to share. As always, thanks for any insight!