Jump to content
GreenSock

Daniel Drummond

Members

  • Posts

    7

  • Joined

  • Last visited

Profile Information

  • Gender
    Male
  • Location
    Rio de Janeiro, Brazil

Contact Methods

Daniel Drummond's Achievements

  • Reacting Well Rare
  • First Post Rare
  • Conversation Starter Rare
  • Week One Done
  • One Month Later

Recent Badges

2

Reputation

  1. Daniel Drummond started following elegantseagulls
  2. Daniel Drummond started following ZachSaucier
  3. Daniel Drummond
    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
  4. Daniel Drummond started following OSUblake
  5. Daniel Drummond
    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
  6. Daniel Drummond started following How to pin a div and move the image inside using ScrollTrigger and How to make ScrollTrigger not push page content up
  7. Daniel Drummond
    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!!!
  8. Daniel Drummond
    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
  9. Daniel Drummond
    Hi blake, I found a example. https://tympanus.net/Tutorials/SmoothScrollAnimations/
  10. Daniel Drummond
    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.
  11. Daniel Drummond
    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
×
Login Create Account