Jump to content
GreenSock

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

skwisgaar

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

2 Newbie

About skwisgaar

  • Rank
    Newbie
  1. Hi all! For anybody looking at this thread after talking with Jan through github I found a solution for this problem using Scroll Magic. Essentially it is the same code that I pasted in my previous comment with the exception of using find(). Jan pointed out to me that I was trying to select the children in the wrong way and that's why it wasn't working. Here is the finished code: $('article.food').each(function(){ var currentArticle = $(this); var tweenArticle = new TimelineMax() .from(currentArticle.find('section > header.food_header > hgroup'), 3, {opacity:0, top:'-40px', ease
  2. That is very cool. Didn't know you could do that Wouldn't I still have to create a new scene for every article though specifying the trigger point as the article's new ID number? I am kinda new to jQuery but knowing some JavaScript definitely helps interpret some of it. I tried to do something like this $('.article.food').each(function(){ var currentArticle = $(this); var tweenArticle = new TimelineMax() .from($(currentArticle +' > header.food_header > hgroup'), 3, {opacity:0, top:'-40px', ease: Power4.easeOut},0) .from($(currentArticle + ' > section > summary > p'), 3, {o
  3. I tried with scroll magic (superscrollorama's newest version). The problem I ran into though was that when I reach the trigger which is the classname for the article (article.food) all posts with the classname animate at the same time as soon as I reach the first element with that classname. The first article is used as the trigger instead of every article having it's own individual trigger. As far as I know the only way around that would be to create a new scene for each post which isn't really what I want to do since the number of posts are variable. I am googling .offset() right now. I a
  4. Hello everybody, so far I am loving this plugin it is a great tool and this site is a great resource and I appreciate all the work that has been done in delivering such a great tool. I have a timeline that I created. The timline is not really that important. Just in case though: var tweenArticle = new TimelineMax() .from($('header.food_header > hgroup'), 3, {opacity:0, top:'-40px', ease: Power4.easeOut},0) .from($('article.food > section > summary > p'), 3, {opacity:0, top:'40px', ease: Power4.easeOut},0); This is the site I am trying to put it on: http://webshowcase.tk/wp1/
×