Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

24 Newbie

About AslanGoi

  • Rank
    Advanced Member

Recent Profile Visitors

465 profile views
  1. Hey, Jack! It's exactly what I was looking for. Thanks a lot!
  2. Hi! I tried to recreate the navigation https://www.steven-hanley.com/ So now I have in my codepen working example, The problem is when deltaX is 0, the animation starts to kill itself in a tick because of overwrite: true. My question is - is it possible somehow kill animation with smooth decay? I mean when my deltaX is 0, the tween should animate position of x to 0 with duration, not immediately. Thanks in advance!
  3. Finally, I found it https://codepen.io/jonathan/pen/QjzZpO
  4. Hey! I'm trying to recreate this menu https://www.steven-hanley.com/ So when you hover on the navigation and move mouse from right to left or opposite, menu starts to scroll. I saw in the forum a codepen with exactly the same vertical effect using gsap, but I've tried to find it all day and nothing. Can someone give me advice from where should I start, please?
  5. Never mind guys about this. All should I do, just move variables: offset = self.offset(), offsetL = offset.left, offsetT = offset.top, inside cursorMove(). 😅 Can I delete my post?
  6. Hey! I have an issue with my offset, if you mouseover text you will see image reveal and mouse follow. So everything is great, but for example I have block above whose height can be changed, so my offset after that will be not right. Can you give me advice, is there any methods in gsap that can update offset()? I thought about gsap.ticker(), but not sure is it right direction or not.
  7. @ZachSaucier I tried disable(), but the same result. With this new method everything is working great! How do you think when new gsap release will be? I'm finishing up my wordpress theme, but I would like to use this method very much.
  8. Hi again! Now I have another issue with window resize, When I reduce window size, the ScrollTrigger doesn't kill() itself, what am I doing wrong? What's working: if I refresh page with small window size, ScrollTrigger is killed and when I increase window size it enables ScrollTrigger, but not in reverse direction with window size deacreasing. Can you help me, please?
  9. No( But after our dialogue I've found out that I can make animation that I want like this: https://codepen.io/ChicagoJostik/pen/MWKoLEq 😅 sorry for disturbing you!
  10. @ZachSaucierHey, Zach! No, I mean when element is pinned, you scroll down and element is moving with the same speed as scrollbar, right? But what if we can make when you scroll, pinned element will move with some delay relatively to scrollbar. For example, popular gsap cursor animation, if we use gsap.set() it will be deadly pinned to cursor, but if we use gsap.to() with some duration, the cursor will be moving with duration, right? So in my codepen pinned element is the cursor with gsap.set(), but I want to make gsap.to() with duration. Did you undestand
  11. Hey! I have a question about pinning in ScrollTrigger. Is it possible to make pinning with scrub? I mean when I scroll, pinned element should catching up its fixed position with smooth ease. I understand that it uses position: fixed, so I can't imagine how it can be done. Can you give me advice, please?
  12. 😃 You're right, I tried in Google Chrome and Safari and everything is working, I'm using macOS Mojave 10.14.6, Mozilla Firefox 77.0.1 (64-byte).
  13. Never mind about this, my brain doesn't want to think, let's imagine we have a lot of codes and inside box I have another box)) This demo link is right. Can you look again, please? So first state this with black border-color: Second state after mouseenter with white border-color: Third state after mouseleave this with blue border-color: And if you look at first and third states they aren't same, right? I can't understand why. So I had black border-color, but after mouseenter and mouseleave I have blue border-color. Does this make a sense