Jump to content
GreenSock

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

Klaus

Members
  • Posts

    12
  • Joined

  • Last visited

Recent Profile Visitors

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

Klaus's Achievements

Newbie

Newbie (1/14)

1

Reputation

  1. Klaus

    Draggable Div

    I don't think I need to duplicate it, looking at this again today, I think my problem is more with math, I have these numbers: $('#timeline').width() // 3840 - total width of my div with the years $('#timeline').position().left // random number - $(this).position().left // random number - when click on the year $(.year.year-active) $(window).width() // 1920 - the size of my screen var tl = new TimelineLite(); tl.to($('#timeline'), 1, {x: /*I have no idea of what to put here*/ }) It'll slide my timeline, but how to calc it correctly :/
  2. I would say you can use both: https://alvarotrigo.com/#pagepiling https://alvarotrigo.com/#fullpage The parallax you apply on the background-image with any other plugin or with CSS
  3. Klaus

    Draggable Div

    Hi, I have this code on codepen, When I click on the Year, I'd like to move the active to the center, How can I do that?
  4. https://codepen.io/sktklaus/full/xPjZKj/ Is it what you said? Instead of 100 I'm using 90, but seem to work now
  5. I can't work with Codepen, This website is under heavy load (queue full) We're sorry, too many people are accessing this website at the same time. We're working on this problem. Please try again later. Error 502 bad gateway. Is that normal?
  6. I need to reopen this topic, the way I did was working in many computers here, but it was because they all have the same height, when I resize the window it breaks the animation, can you help me? https://codepen.io/sktklaus/full/xPjZKj/
  7. I used the yPercent, it worked as magic. I am really sorry for not posting on codepen, I realise that posting there it helps more me than you. Thank you so much
  8. I tried to set the same height, margin, time for both, but didn't work, the first list is still running faster.
  9. Sorry about my english.. I'm closer to get what I want here http://withininternational.com/ but there are many bugs yet, I have no idea why the 2 lists go in a different speed.
  10. Hi, I am trying to achieve an effect that when I scroll the page I move two different lists of words, and I can see just two word per time (one of each list). After I see the 6 words, I unpin the lists and go to another section. and I know I'm doing it quite wrong, so I'm asking for some help or tips. Thank you.
  11. How should I morph many shapes/paths into a new one, I want to play with about 5 or 10 times more than in the example.
×