Draw-Fill-SVG icon indicating copy to clipboard operation
Draw-Fill-SVG copied to clipboard

Animate on IsInView

Open ktorti opened this issue 9 years ago • 0 comments

Two questions really if you still look at this repo.

  1. I'm still pretty new to JS, so how if I have 4 SVG's that need to be animated do I differentiate them? Do they all need to have different ID's and how would I reflect that in the JS file?
  2. Would you happen to know how to delay the animation of the SVG's until you scroll to them? Is it something I would have to add into the drawfillsvg.js file or can I add it into my animate file with this format somehow? $('.timeline > .timeline-inverted > .timeline-panel').css('opacity', 0).one('inview', function(isInView){ if (isInView) {$(this).addClass('animated fadeInRight').css('opacity', 1);}

ktorti avatar Sep 07 '16 23:09 ktorti