Jump to content
Search Community

neuhaus3000

Members

  • Posts

    30

  • Joined

  • Last visited

 Content Type 

Posts posted by neuhaus3000

    Gsap fro scrolling and pinning help please!

    in GSAP

    Posted

    Hello @elegantseagulls

     

    I want to :

    • make the black section pined (stop) when we arrive (if possible). Because I will have several sections before (blues sections).
    • scroll the images vertically
    • when finished, scoll the logos (horizontally)
    • when finished, continue scrolling the page.

    I hope I'm clear...  Thanks again for your help !  Much appreciated !

     

    neuhaus3000

    Gsap fro scrolling and pinning help please!

    in GSAP

    Posted

    Hello everyone!

     

    Sorry to post several messages for the same questions.

    I know that this forum doesn't support ScrollMagic and this is the reason why I'm seaking your help.

    I want to create what you see in the CodePen URL (deleted from this post) but entirely with GSAP.

     

    1. Pin a section (I don't want it to shift left though)
    2. Scroll images vertically with the scrollbar (parallax)
    3. When finished, scroll logos horizontally to the left of the screen.

     

    Any ideas will be appreciated!  Sorry again for the multiple messages.

     

    Thanks!

     

    neuhaus3000

     

     

     

     

     

    Parallax in div

    in GSAP

    Posted

    Ok... Is there a way that everything moves (scroll) slightly when scrolling but the text faster (parallax effect)?

    This is way more difficult I can assume... 

     

    Any ideas will be appreciated!

     

    neuhaus3000

    Parallax in div

    in GSAP

    Posted

    4 minutes ago, ZachSaucier said:

    In that case, we almost assuredly need to see the basic setup in code to help because how to work around the issue depends on your setup.

    Ok, I'll try to do this today and come back soon.

     

    Thanks everyone!

     

    neuhaus3000

    Parallax in div

    in GSAP

    Posted

    Here's a modified image...

     

    So when the user arrives at this section, when he scrolls, the text goes up to reveal itself.

    When the text is at the end, the navigator scrollbar scrolls the rest of the page. I hope it makes more sens. 

    It's not a scrollbar in the div (iframe).

     

    Thanks!!!

     

    neuhaus3000

    maquette.jpg

    Parallax in div

    in GSAP

    Posted

    Hey Zach, 

     

    Thanks! But it's not a sticky situation... ;).  The scrollbar has to scroll all the page not only the div.  There are other divs before and after the one with the image and text.

    I don't think that sticky would work on this... I'll investigate.

     

    Thanks again!

     

    neuhaus3000

    Parallax in div

    in GSAP

    Posted

    Hey guys, 

     

    I'm new to 3rd version.  I'm quite new with Greensock actually.

     

    I would like to parallax some text in a div while the page and image on the left stays still until I reach the end of the text.

    (see image attached).

     

    So basically, the user :

    - scrolls 

    - arrives at he div with the image and text

    - continues scrolling but only the text scroll till the end

    - continues scrolling to the rest of the page.

     

    Is there a way to do this?  Any idea will be appreciated!!

     

    Thanks!

     

    neuhaus3000

     

    maquette.jpg

1
2
Page 1 of 2  
×
×
  • Create New...