Jump to content

Daniel Drummond

  • Posts

  • Joined

  • Last visited

Everything posted by Daniel Drummond

  1. Hi @GreenSock, thank you so much for the help. Now I noticed another problem that is happening due to the carousel. I have other animations on the page, like a parallax and icon animations and a counter. And due to the carousel (its height) when I get to other animations they've already happened. I will create a new pen to demonstrate the full page. Thanks again
  2. Hi guys again. I made a change to the start and found that the same happens with the content below the carousel. All content below the carousel is pushed down, leaving a blank space as well, I want to limit the effect to only within the carousel area
  3. Hi guys, I created this carousel that is controlled by the scroll and it is working as I intend. There's only one bug I need to fix. As you can see, when we scroll, it's pushing the contents from the top of the carousel up, leaving a blank space. And I want it to stay in the same place. How can I fix this bug, will it be my css? Can you help me? Thanks all!!!
  4. oh man thanks a lot!! that's exactly it, now I'm going to study to learn more. thank you very much helped me a lot
  5. Hi blake, I found a example. https://tympanus.net/Tutorials/SmoothScrollAnimations/
  6. Hi blake, I don't have it, let me try to explain it better to see if you can help me. In the design of the page, there's this image with the text on top. My client wants when we use the scroll to have a parallax effect on the image. But it has to stay in the same place and size. So I created a div to use it as a "mask", the correct size like this in the design and the image is bigger than this div. To be able to apply the parallax or Y-motion effect. Did I explain myself better? And thanks for the help.
  7. I have an image that is the background in a div, I want to have a parallax effect when the scroll is activated. I'm already managing to do the effect, but it's influencing the div I use as a "mask" of the image. I have this logic: As you can see , the div with the section-parallax class is smaller when I move the scroll and I want only the image to move.. I want to fix the div I use as a mask to a size, just move the image inside it. I'm new to GSAP and have been doing a lot of research to create the effects I need and to learn more, sorry if it's a silly question. Thanks