Scrollorama - Animation based on section (% not px)

[nathinah 0 Likes (Newbie)]

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
  )

[Carl 9,066 Likes (Superhero)]

Hi and welcome to the GreenSock forums.

 

Unfortunately we don't go too deep into SuperScrollorama support around here. I'm really not sure on the best way to advise you on how to make SuperScrollorama respond to percentages ;(

 

I think your best bet would be to file an issue with the SuperScrollorama team.

https://github.com/johnpolacek/superscrollorama/issues?state=open

[nathinah 0 Likes (Newbie)]

thank you! I'll try with them