Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'sections'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 4 results

  1. Hi all, first time posting here so sorry if I forget to include something, but here we go... I'm trying to animate this SVG between different sections (wrappers) but I can't figure out why my animation keeps restarting from the original position (the top of the body). I'd like to animate the SVG from the previous position. So if you scroll from wrapper 3 to wrapper 2, the SVG animates from wrapper 3 to wrapper 2. I'm feeling like I'm overseeing the obvious solution here, but I can't from the life of me come up with a solution. Any help is appreciated!
  2. Hey guys, I have an issue an I'm looking for help. I have a page that has a parallax effect in all of the sections of a page whenever the user scrolls. So there are this black text blocks that are separated but whenever you scroll one of the blocks moves up to be next to the one on top, the issue is that this is causing a blank space between sections of the page. I want to know if there is a way, whenever the black text block moves up, to make the sections below move up as well, basically follow that text block whenever it goes up. I try this by just using a yPercent on the sections below, but is is just causing a blank space to be left on the bottom of the page Here is a link of how the animation should work https://drive.google.com/file/d/1EsKinyuID5buWKhQllRhE1Bmc6el5GTX/view and I left a codepen with the basic markup of my current pate. Any help would be appreciated.
  3. Hey, I'm currently working on a project with GSAP and scrollmagic. I want to create sections that has scroll animations inside with scrollmagic. So a section freeze for the time other animations came into. Is this section over it should smooth scroll to the next section. I call that somehting like scrollytelling. 1. each section has a story like on scroll there are elements that coming in part a part. 2. if a section has ended the story it should scroll to the next section without effects, like a normal onpager 3. it should be navigatable via next/prev buttons and dots for each section 4. all sections sould be responsive, so I can create querys for tablet/desktop/XL-desktop screens Here the stack where I have a screenshot and detailed information: Stackoverflow I attached a codepen with sections and the beginning of my scrollmagic. Maybe someone has done a similar project or could help me a bit. I want to show first results until the end of next week. Here is a image how it should look: http://codepen.io/muuvmuuv/pen/PbXXXr
  4. I am trying to animate full page(100vh) sections to the viewport and its not working. You can view this same demo http://testanim.bitballoon.com/ (click on "x" icon). As you can see the section that animates into view is visible for a few seconds when it is animating and its opacity resets to zero again from the x position. I would like the section pages to remain visible until I click a button to animate it out of view and sets opacity to zero I don't know what I am doing wrong . Regards.