Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About mattdown

  • Rank
  1. Thank Mikel, that all makes sense now. I must admit, I hadn't read that aspect of the docs yet as I'm a bit new to Scrolltrigger.
  2. I've been trying to work out the best / easiest way to control a timeline animation so that I have full control over how much of the user scroll makes the animation fade in, stay visible for a while and then fade out, all in relation to scroll. In this example, it's broken because I'm attempting to fade in using a 'from' tween and then fade out again using a 'to' tween. As you'll see, the white boxes just disappers instanly instead of fading back out again. I created another pen here which uses just one timeline to achieve the same desired effect by using a realtive position parameter at
  3. Hi, Just making the changeover to ScrollTrigger from Scrollmagic so I'm a bit late to the party but really impressed with it so far. I've come up with this layout which kinda achieves what I want it to by having a few normal scrolling page sections and then a few sections which reveal as the user reaches them followed by another normal section and footer to finish off the page layout. My example relies on specifying a margin:200vh to the '.last-scrolling-section' section which seems to work OK but I was wondering whether this could be created in a more sustainable way by getting Scrol
  4. Just one more quick question..... Now that I have altered the pen to use your method of for each etc, how can I make the animation start from the last item in the list instead of the first? Thanks Matt Update: Think I worked it out by using .reverse() before the .each()
  5. Thanks for your help PointC, I think this is the approach I'll have to explore. Matt
  6. Hi all, I'm struggling to work out how I add a slight duration increase of each item in a staggerfromto animation. As each of these list items comes into view, I need to increase the duration it takes to settle into the final position so it gives the impression that the top item is slightly lighter in weight and therefore takes a bit longer to drift down. Hope that makes sense and any help would be really appreciated. https://codepen.io/mattdown247/pen/bgzVZN
  7. I'm struggling to work out how to get the border animation to loop perfectly on the following Codepen example: http://codepen.io/mattdown247/pen/mVKxBq It jumps when it reaches the top but I need it to loop smoothly. Any help would be really appreciated.
  8. Thanks for the help so far. Changing my code to this reworked version didn't solve the problem though. I ended up wrapping the tween code in a new function which then get called on page load and again inside an 'ajaxComplete'... so it ended up like: $(document).ajaxComplete(function(){ ... name of function that wrapped the tween code }); There is probably still a more efficient way of doing it though. I'm open to suggestions :\
  9. Hi all, Firstly, loving greensock as it's cutting down my animation dev time considerably and the amount of support on these forums is outstanding. Have run into my first problem with it though. My tweens are working fine on a hard page load (it's a woocommerce product archive page), but as soon as I start using the Ajax product filters, they stop working. Kinda expected I guess as the DOM is being restructured after the filters have worked. Here's the pen: http://codepen.io/mattdown247/pen/mVKxBq When you hover over the blue boxes, they just slide down to reveal a Div underneath