Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Dipit Maurya

Members
  • Posts

    11
  • Joined

  • Last visited

Posts posted by Dipit Maurya

  1. 36 minutes ago, akapowl said:

    Hi Dipit,

     

    If you don't want the white-space (which is the spacing added by the pin-spacer) showing when pinning things like that, you'd want to consider wrapping all your content in a div and pinning this wrapping div instead.

     

     

     

     

     

    For any subsequent ScrollTriggers on elements within that wrapping div, you will then need to set the pinnedContainer property to that pinned wrap, as they won't have any pinSpacing to consider for their positioning (because they are inside the pinSpacer of the pin you created before) and thus will not get the correct values as you might expect, otherwise.

     

    Hope that helps :) 

    Thanks @akapowl,

     

    It worked perfectly. :) 

    what does this mean,

    Quote

    you will then need to set the pinnedContainer property to that pinned wrap,

    do i need to set a property for wrap container ?? 

    • Like 1
  2. 18 hours ago, Cassie said:

    Hi Dipit - I'm a little confused about the end goal.

    You have position sticky on your header in your CSS which would usually have an effect of pinning and the content scrolling underneath.

    Just to clarify - you want the header to shrink but the section below it to *never* scroll underneath?

    You're looking for the header to shrink and also scroll along with the page?

    Hi @Cassie,

    Actually i don't want second section beneath until animation of  first section finished.  after that it should scroll beneath the header.

×