Jump to content
Search Community

goodbish

Members
  • Posts

    3
  • Joined

  • Last visited

Posts posted by goodbish

  1. Thank you for your answer and your time, that's a LOT more, than I expected. 
    I can't thank you enough for this.
     

    11 hours ago, akapowl said:

    E.g. here is an approach to a possible setup (in a minified view) where for the demo I could just set the heights of each panel and position them via a margin-top according to the height of the previous section. But in production, where you might not be able to set specific heights for sections this would become a bit more tricky and you might e.g. have to add some JS logic to handle the correct positioning with respect to the height of the previous section for you.

    Yep, I can handle that

     

    11 hours ago, akapowl said:

    Maybe it helps nonetheless, or at the very least can give you an idea for how to approach it.

    That helps a lot. The approach you gave me is really enough.
    I think I can handle this from now

    • Like 3
  2. 1 hour ago, akapowl said:

    Give it a read - I think it might help.

    Thank you for answer.
    I've read the thread very carefully.
    So I just want to clear things out. For this to work like that I need to make sub blocks of content and put them in wrapper and then give wrapper horizontal scroll? But if there will be no sub blocks like this, is there any way to solve this?
    image.thumb.png.135ef6fad092b527ca17464688611c23.png

  3. Hello everyone.
    I just started learning gsap yesterday. Need a lot to learn, but I have some problem with one task.
    For this task I drew scheme

    727491920_example2.drawio(1).png.1db5e99bdbe93911d64c38b09331c930.png
    In words I need to scroll to bottom of section 1, then scroll right to top of the section 2, then scroll down to bottom of section 2...etc.
    I'm a bit stuck with this one, because I know to scroll horizontally a list of sections of same height, but when a need to scroll elements with their own height things gets complicated.
     So, I'm asking to help. I don't expect to get a full solution or tutorial, just some tips how it can be done. 

    See the Pen RwjwWJN by Goodbish (@Goodbish) on CodePen

×
×
  • Create New...