Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

5 Newbie

About rgrober

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I think I've identified the problem, after implementing indicators and offsets as suggested above. Also, as @PointC mentioned: So, in my code locally, I included contentsBottom_tl in a ScrollMagic scene. The actual problem seems to be that when I call contentsAnimation() in more than one timeline, it fires contentsAnimation() automatically on page load in all Magic Scroll scenes. This code causes contentsAnimation() to fire automatically on all parts of the page: function contentsAnimation(){ return new TimelineLite() .fromTo([".content
  2. @PointC I cannot tell you how much I appreciate your help and patience explaining this to me. I'm not sure I would have known where to start to fix this problem, so I'm very thankful for the time you spent to show me the way. Thank you again!
  3. @PointC The code doesn't work in either CodePen, or in my code locally, when this line is added: var controller = new ScrollMagic.Controller(); Locally, I removed all other code from my javascript file until I found what was causing the issue, and it seems to be the above code. It only seems to affect the instance where I am trying to animate the same div in two different spots on the same page.
  4. @PointC, I do indeed have that plugin loaded after TweenMax. All of the other elements that have a ScrollMagic trigger work fine. It's only this particular instance where the same part of code is being animated, and triggered, twice on the same page.
  5. I played with my code, and when I add this line: var controller = new ScrollMagic.Controller(); The problem occurs again. I know this is the GreenSock forum, but if anyone has seen this issue occur with ScrollMagic, any information would be greatly appreciated.
  6. @PointC thank you so much for having a look! I actually have ScrollMagic loaded on my site, but forgot to include it in my codePen! What's interesting is that it seems to be working in the codePen, but it's not working in my code. I must have duplicated something, or something is out of place in my code. I really, really appreciate your help.
  7. @GreenSock I switched to .fromTo() and .staggerFromTo() and I'm still encountering an issue where the elements within contentsAnimation() start at an opacity: 1, then it looks like it repeats the .staggerFromTo().
  8. @GreenSock thank you again for your help and the explanation. Let me try this again using .fromTo() and see if I can fix this before I bug you further.
  9. I'm sorry to bug everyone with this again, but I'm still encountering some issues. I actually have the same module in two different parts of the same page. This is my solution: function contentsAnimation(){ return new TimelineMax() .from(".contents__label", .4, {opacity:0, y:'+=25'}) .staggerFrom("li.contents__chapter", 0.2, {opacity:0, x: '-=15'}, 0.15, '-=1.1'); } var contentsHome_tl = new TimelineLite(); contentsHome_tl .add(contentsAnimation()); var contentsChapter_tl = new TimelineLite(); contentsChapter_tl .add(contentsAnimation()); var contentsBotto
  10. @OSUblake and @GreenSock thank you so much for your help and prompt reply. I really, I really appreciate it. I'm still a nascent coder, and when the environment changes, I loose sight of the basics. Thank you again! I'm very happy I found GreenSock!
  11. Can 1 timeline, be added to multiple other timelines? I've added 1 timeline, to two different timelines, and only one instance of the added timeline is firing. If not, what is the best workaround for this scenario? Thank you, and thank you for such an amazing product.