Jump to content
Search Community

OrganicBlue

Members

  • Posts

    14

  • Joined

  • Last visited

 Content Type 

Everything posted by OrganicBlue

  1. OrganicBlue
    Hello everyone. I have a website in wordpress in which I made some simple pins, and when I enter again after a few weeks, I see that the pin-spacer are 100px wide, and I don't know where they get that style. I could force by css or js to ignore it, but I would like to know why it is like that, and how to avoid it, since it was working correctly before. If I disable the pin, it looks fine. Thank you in advance for your help
  2. OrganicBlue
    Thank you both!
  3. OrganicBlue
    I understand what you are saying. Thank you! BTW, why you useconst sections = gsap.utils.toArray(".section-scroll-fade");when already have let scrollFade = document.querySelectorAll(".section-scroll-fade");?
  4. OrganicBlue
    Hello everybody. I am trying to make a fade in and out on scroll animation on two elements in a row, but it has an error. If I do it on just one element, it works fine, but when I do it on the second one, something breaks. I appreciate if you can guide me in the solution.
  5. OrganicBlue
    Can this be solved with immediateRender, or is better by just setting the initial state? Follow-up question: Can an animation be triggered (such as the animation of the first dots) but not linked to the scroll, in this scenario?
  6. OrganicBlue
    Hello everyone. I think the code explains what I'm trying to do, but just in case... I have a timeline attached to the scroll with several animations in which certain elements "appear" from above, and then those same elements should disappear in the same way, but they don't move, they just disappear. Also, when going back to the top, the animation of those elements is wrong. Thank you for your help.
  7. OrganicBlue
    Thank You Rodrigo, that's exactly what I was looking for. Have a great week.
  8. OrganicBlue
    Hi Rodrigo, thank you for your reply. That's close, but in the "fade out" I'm trying to make the element go up (not down) and change opacity. I don't know if this approach works.
  9. OrganicBlue
    Hello everyone. I'm trying to make the elements have a fade out animation (inverse to fade in) when the parent element reaches 40% of the screen, but the more I mess with it, the worse it works. It would be the same fade in animation, but in reverse. Thanks!
  10. OrganicBlue
    Thank you @Rodrigo I implement a fromTo for the other part of the animation, because immediateRender: false doesn't work.
  11. OrganicBlue
    Hi, I'm trying to get each panel to have an opacity of .5 and a size of .8, both go to 1 when they get to the center of the screen, and no matter if they go left or right, they go back to the initial state. Is it possible to do it with containerAnimation, or do I have to go in other way? (I dont't understand why the start/end are on the middle of the viewport)
  12. OrganicBlue
    Awesome! Thank you!
  13. OrganicBlue
    Hi @GreenSock thank you for your answer. I tested it and the unpin may vary on the image height. Can you unpin the image when the text bottom reach the image bottom? This may add consistency. Thank you!
  14. OrganicBlue
    Hello. I'm new to GSAP and ScrooTrigger and I'm trying to make a simple animation where an image is fixed in the center of the viewport, while the text next to it follows the scroll. I tried several things with different results, but it doesn't look good. If someone can help me to understand how to do it, I will be grateful.
×
×
  • Create New...