Jump to content
GreenSock

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

ddi-web-team

BusinessGreen
  • Content Count

    3
  • Joined

  • Last visited

Everything posted by ddi-web-team

  1. Happy to support. GSAP is an amazing product. Thanks for the link. I'll read more into the polyfill. When I tried using one before, I couldn't get it to work properly. I'll try it again. If I can get that to work, this problem becomes much more simple.
  2. On my personal site, I don't worry about it at all. At work, a big chunk of our users still use it. Too many to just ignore. 😆
  3. Hi all I'm trying to achieve the same effect discussed in this thread here but without using Intersection Observer as the browser support isn't there and the polyfills seem to be lacking. So I'm trying to achieve the same exact effect using reveal on scroll by Scroll Magic. The problem I'm running into however, is I don't seem to be able to update a timeline like the previous thread seem to be able to do. Here is the meat of my codepen demo const controller = new ScrollMagic.Controller(); let cards = document.querySelectorAll('.card'); const card_timeline = gsap.timeline(); $(function() { animateCards(); }); function animateCards(){ for(var i = 0; i < cards.length; i++){ card_timeline.fromTo(cards[i], {opacity:0}, {opacity:1}) let scene = new ScrollMagic.Scene({ triggerElement: cards[i], reverse: false }).setTween(card_timeline).addTo(controller); } } But as you can probably tell, this just adds all the tweens to the timeline and then calls that timeline to run when the first card enters the view port. Any help would be appreciated.
×