Jump to content
GreenSock

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

DD77

BusinessGreen
  • Content Count

    162
  • Joined

  • Last visited

Community Reputation

8 Newbie

About DD77

  • Rank
    Advanced Member

Recent Profile Visitors

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

  1. DD77

    Draw svg line on scroll

    @ZachSaucier no luck! I changed all plugins, you can see my demo I have an error, looks like the way MorphSVGPlugin loads is wrong
  2. DD77

    Draw svg line on scroll

    @ZachSaucier that happened when I updated the plug in. With the previews GSAP was working fine. Any idea? https://codepen.io/davide77/pen/PoogbEZ?editors=1010
  3. DD77

    Draw svg line on scroll

    @mikel @ZachSaucier Guys, any idea why with the new GSAP3 the plugin MorphSVGPlugin is giving me this error? pen.js:4 Uncaught ReferenceError: MorphSVGPlugin is not defined
  4. DD77

    Draw svg line on scroll

    @mikel hi, thank you, yes helps a lot! I've managed to changes the timing of the balls manually. Is this the best way? https://codepen.io/davide77/pen/PoogbEZ?editors=1010
  5. DD77

    Draw svg line on scroll

    Thank you! I would rather fix this scroll path position firstly. Doesn’t feel right at all. No idea how to fix this. Really appreciate if you could help
  6. DD77

    Draw svg line on scroll

    As it starts, the animation, the first line on top, scrolls in a opposite direction, is quite odd. I've changed the timing and looks much better, but still not quite sure I'm doing it right. Any suggestion? https://codepen.io/davide77/pen/PooLgYd?editors=1010
  7. DD77

    Draw svg line on scroll

    Thank you so much! Looks much better! DO you know why the icons(balls) aren't showing correctly? and the first parth of the line is animating still in a opposite way? https://codepen.io/davide77/pen/RwwdEXm?editors=1010
  8. HI All, I was hopping to grab some of your amazing brain as I need to make this animation work like a charm I have a line that should animate while scrolling down. I'm kind of there pretty much, but I have the line that animates in the opposite way!!! So, line animates balls(icons) animates with it. Anyone able to explain what I'm missing? Thank you for any help you can offer!!!
  9. any reaso why the TweenMax.to(window, 1, { scrollTop: theOffset.top - 56 }); isn't working now?
  10. Hi YA, I'm having so difficulties to make this functionality to work smoother and better. I need auto hight as my content is quite dynamic. When I click the height of the accordion fires but doesn't have and smoothens on the animation. What am I missing? Also is it done all ok overall? Would you change anything in there? Thanks, D $(".accordion-item .button").click(playAnimation); function playAnimation(event) { event.preventDefault(); var $this = $(this).parent(); var $thisContent = $this.find('.accordion-content .article'); TweenLite.to($this,.3, {className: '-=expanded'}); TweenMax.to($thisContent, .3, {autoAlpha:0,ease: Sine.easeInOut, onComplete:function() { TweenMax.to($('.accordion-content .article'), .3, {height: "0",ease: Sine.easeInOut}) } }) if (!$this.hasClass('expanded')){ var self = this; setTimeout(function() { theOffset = $(self).offset(); $('body,html').animate({ scrollTop: theOffset.top - 56 }); }, 310); TweenMax.to($(".accordion-item"), .3, {className: '-=expanded', ease: Sine.easeInOut}) TweenMax.to($this, .3, {className: '+=expanded', ease: Sine.easeInOut}) TweenMax.to($('.accordion-content .article'), .3, {height: "0",autoAlpha:0, ease: Sine.easeInOut}) TweenMax.to($thisContent, .3, {height: "auto", ease: Sine.easeInOut, onComplete:function() { TweenMax.to($('.accordion-content .article'), .3, {autoAlpha:1,ease: Sine.easeInOut}) } }) } }
  11. @mikel Sure, what's on line 26? is commented off!
  12. Ok, managed to do it. what do you think? https://codepen.io/davide77/pen/PMNaJg?editors=0010
  13. @mikel thank to you. Please Mikel, would you be able to direct me on how to tooggle the parent "accordion-group"? so I can close and open it?
  14. @Mikel thanks, really helpful, this helped me a lot. I'm not manages to: - add class to parent "expanded" -add function that move to top of the list the clicked element. todo: make it better, smother and perhaps without a feeling that the clicked one jumps to the top. @mikel what do you think? https://codepen.io/davide77/pen/oKxpJw
×