Jump to content


  • Posts

  • Joined

  • Last visited

About pixelarchitect

Recent Profile Visitors

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

pixelarchitect's Achievements

  1. That is exactly it, I'm gonna take a look at it, thank you!
  2. I build a pinned element that pins when the bottom of its container reaches the bottom, and continues scrolling when the next section arrives in the viewport. When you scroll back up it (of course) does the same same thing the other way around: it first pins the bottom of the left column for a while and then starts scrolling again. What I am looking for is that on the way back up the bottom of the left column is not pinned anymore and just scrolls all the way till the top arrives in the viewport and then pins until the right column is done scrolling. Scrolling down (this works): - Both left and right columns scroll - Left column ends so it pins because right column is still scrolling - Right column ends so left column starts scrolling again Scrolling up: - Both left and right columns scroll - Left column ends (top enters viewport) and pins because right column is still scrolling - Right column ends so both left and right stop scrolling because the top of the screen is reached
  3. Hi @akapowl, I was just about to delete this question since I figured it out myself this morning by indeed using the endtrigger, the codepen I used is already updated to a working version but thank you for answering!
  4. I made a div with text that gets pinned at the bottom (left is shorter than right). This is good but I want the bottom of the text to be pinned until the next section comes into the viewport, currently it just randomly starts scrolling while the next div didn't enter the viewport yet. Somebody knows a solution or can help me in the right direction?
  5. stagger inside of scrollTrigger was indeed a mistake and was for testing purposes, should have taken that one out! Thanks for enlightening me on batch, that definitely helped and it's working now!
  6. I somehow can't seem to get stagger work in a forEach / fromTo, can someone help me into the right direction?
  7. Definitely prefer the inertia instead of the scrub although it will add another library but it works smoother, thank you!
  8. I was wondering if it's possible to make the drag go smooth? I tried looking at InertiaPlugin using 'inertia: true', but it didn't work for me. Somebody knows the solution or can help me into the right direction?
  9. I feel so dumb right now... never noticed the features overview! Upgraded! :)
  10. I became a Greensock Club member yesterday but after downloading the zip file from my profile with all the extra plugins I am missing the InertiaPlugin, how or where can I find this?
  11. https://codepen.io/sandhie/pen/wQqWOw
  12. I have been working almost the whole day to try to figure out where that scroll bug came from, I didn't have the bug on codepen but when I implemented it in my site it was super bad... that css trick did the trick! @GreenSock & @akapowl you guys should wear capes!
  13. Is it possible to reuse the same animation over and over on the same page? Currently all the animations on the page are triggered as soon as the first one gets triggered (also all the ones offscreen), what I like to prevent is using the same code over and over again for every element with the same animation.
  14. I am currently trying to built a page where you can scroll horizontal instead of vertical. I have basically everything working but wanted to add a drag function to it. I tried implementing gsap's Draggable and I got the pointer cursor working but it is not dragging, I feel im close but can't find the solution, someone has an idea?
  15. That is definitely the direction I was looking for @akapowl 😄