Jump to content
GreenSock

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

anteksiler

ShockinglyGreen
  • Content Count

    64
  • Joined

  • Last visited

Community Reputation

7 Newbie

About anteksiler

  • Rank
    Advanced Member

Recent Profile Visitors

2,618 profile views
  1. We are using GSAP on a user-facing UI, so there are cases where there are no elements to animate. We do our best to check for elements before hands, but there are various possibilities. I would like to silence these errors on console, on production sites: "GSAP target [object Object] not found"
  2. Hi @GreenSock, it would be great if "stagger" information under parameters inside https://greensock.com/docs/v3/GSAP/gsap.to() have a link to https://greensock.com/docs/v3/Staggers And, https://greensock.com/docs/v3/Staggers can have row for callbacks here:
  3. Oh wow! This is super useful! I don't think this is on documentation. Thank you @OSUblake
  4. Is there any way we can add classes to the elements of each iteration of stagger? onRepeat callback does not provide the current iteration 's target as far as I can see.
  5. I am confused here as you using "callback" as a timeline selector, and the using "callback" as a timeline "callback.call(...)".
  6. Hi @GreenSock, thanks for the help. I did not quite understand the onRewindComplete function solution. Do you mind editing the codepen? Do I add the onRewindComplete function to the parent timeline's onReverseComplete, and use the child timeline's callback?
  7. If you click on Toggle, it will play, and on second click, it will reverse the timeline, but the "onReverseComplete" callback of the sub-timeline is not triggered, which should add yellow background to the button
  8. This method is not working for me because call is trigger twice when using timeline.
  9. As far as I can see, just adding classes is not working either: tl.set( search_window, { className: '+=search-active' } , "start") It replaces all the classes even though "+=" is used.
  10. So I am running timeline to show sub-menus: var tl = gsap.timeline( { paused: true } ); tl .to( cc, { duration: 0.5, autoAlpha: 1 }, "start") .to( menu, { display: 'block', duration: 0.5, autoAlpha: 1 }, "start") .to( li, { duration: 0.1, opacity: 1, stagger: 0.03 }, "start"); Menu is set to display: none; by default. The "display:block" is applied at the end of the animation.
  11. Is there support for viewport units? I am trying z:"-15vw", but I am only getting "-15" on transforms.
  12. Yes, but my question is related to this code: mainTl .add(animation1.play(), "position") .add(animation2.play(), "position"); They start together when using (mainTl.play()), but when reversed (mainTl.reverse()), they don't start together.
  13. You can see the issue here: http://revolution.fuelthemes.net/ When you click on the mobile toggle icon, the animation of the mobile icon and the menu start together. However, when clicked again (reversed), the mobile icon waits for the menu animation to finish.
  14. The hashtag has nothing to do with it, the javascript code has "return false;". I removed the hashtag, you can still see the issue on Firefox http://goodlife.fuelthemes.net/ The issue is with the scroll-behavior: smooth; The issue goes away once its removed. Also, a simple jQuery function works fine such as: jQuery('body,html').scrollTop(0);
  15. Well, I am using a regular scrollto function: container.on('click', function(){ TweenMax.to(win, 1, {scrollTo: { y: 0 }, ease:Quart.easeOut}); return false; }); I don't think you understand me clearly, I am not using any other function on that button. How can "scroll-behavior: smooth;" stop the javascript?
×