Jump to content
GreenSock

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

Jaexplorer

Members
  • Posts

    10
  • Joined

  • Last visited

Posts posted by Jaexplorer

  1. 7 hours ago, OSUblake said:

     

    You're calling the loadContent function immediately that way. You're basically doing this.

     

    
    loadContent(activeClass.getAttribute("value"));
    
    t1.add(undefined);

     

    That's how JavaScript works. It has nothing to do with GSAP.

     


    How am I calling it immediately? It asks for a function, so I give it one. But only accepts a function within a function to work properly.

  2. I got it to work, but by luck. Are you able to explain why this works but this doesn't?

    Works:
    t1.add(function() {
    loadContent(activeClass.getAttribute("value"))
    });

    Doesn't Work:
    t1.add(loadContent(activeClass.getAttribute("value")));

  3. Hi,
    I would like to know how to properly use Ajax with Greensock, as currently i'm failing at it. I have:

    Clicks a nav link
    var t1 = new TimelineMax();
    // An animation that hides the page content and does some page animation
    A function call to ajax which will load the content
    // Some animation to reveal the loaded content

    At the moment as soon as I click a nav link, the content loads immediately by the ajax, then the animation occurs. Any tips?

  4. 3 minutes ago, Visual-Q said:

     

     

    I have no idea myself how many people use it but the us gov site which should be pretty objective https://analytics.usa.gov/ reports about 7.4% usage almost 2x what edge gets. That's till far too common for me to abandon support unfortunately. Cut that in half and maybe I can think about dropping it. Clients drive the bus.

     

    For now I'll just have to wait.?

     

     


    Have you thought maybe your extending it's life span by continuing to support it? If we stop supporting it, eventually the "clients" will drop it. You don't even know whether all those that have IE, even use it.

  5. 7 minutes ago, OSUblake said:

     

     

    I don't think there are any good polyfills for CSS vars.

     

    Can you objectively justify supporting IE11 i.e. do you have any data to back up why you need to support IE11?

     

    When developing/engineering stuff, there are certain tradeoffs that you must make.  You're missing out on a lot of great features  by purposely supporting IE11.

     


    I agree, the sooner we stop supporting IE. The better the world will be. There no reason to continue supporting IE, it has security issues and all sorts of issues.

  6. 3 hours ago, Visual-Q said:

     

    Cool, I didn't think about easing.

    I couldn't get yours to work. Heres the pen I made. The blue is supposed to stretch to all edges (though in this example, i'm just focusing on the width).

    See the Pen wLzmPY by jaexplorer (@jaexplorer) on CodePen



    That being said, i've been able to get it to work by editing the parent padding (see attached)
     

    sample.gif

  7. 30 minutes ago, Visual-Q said:

    Sorry I don't know what I was supposed to look at in your link so I'll guess based on your description.

     

    If you want to have the inner container start at parents padding then extend to full viewport you could also animate parents padding to 0. Then the inner container would fill the viewport at 100%.

     

    If you make a codepen it will be much easier to help you.

     

     

    I found this worked. But i'm rather disappointed I had to resort to this answer. Especially with css grid and dynamic elements. I thought calc would of been covered in greensock.

  8. 17 minutes ago, PointC said:

    JavaScript has numerous ways to measure widths and heights so I'd recommend using one of those. Check out this post by Jack about supporting calc().

    Happy tweening.

    I read this post, I didn't find it useful.

  9. Hi, first time posting. Sorry if this seems informal. 
    I've just noticed when I use calc within my greensock function, the duration of my tween becomes 0 and snaps to the result straight away, instead of animating.
    I'm trying to animate the container to stretch to the edges, eg. width: calc(100% + 4rem), doesn't work. I don't know a work around this? Help pls

    Screen Shot 2019-06-19 at 12.23.29 am.png

    Screen Shot 2019-06-19 at 12.23.47 am.png

    Screen Shot 2019-06-19 at 12.25.14 am.png

×