Sticky Header - Smooth scroll

[phaneendravvk 0 Likes (Newbie)]

Hi GSAP Team,

Could i get assistance in making the smooth sticky header scrolling.. Red color is header which needs to behave as sticky header

 

Thanks

Phani

See the Pen MRGyXq by phaneendravvk (@phaneendravvk) on CodePen

[mikel 4,774 Likes (Superhero)]

Hi @phaneendravvk,

 

For such basics it is always helpful e.g. to visit the w3school: sticky header

 

Kind regards

Mikel

 

 

[phaneendravvk 0 Likes (Newbie)]

Hi Mikel,

I'm aware of those, my observation is to make a smooth & silky scroll using GSAP.. so that I've posted here.

 

 

Thanks

@phaneendravvk

[mikel 4,774 Likes (Superhero)]

Hi @phaneendravvk,

 

Sometimes it is not easy to understand what is meant.
Something like this example ...?

 

See the Pen XxwjqZ by mikeK (@mikeK) on CodePen

 

Happy scrolling and tweening ...

Mikel

 

[phaneendravvk 0 Likes (Newbie)]

On 4/19/2019 at 6:53 PM, mikel said:

Hi @phaneendravvk,

 

Sometimes it is not easy to understand what is meant.
Something like this example ...?

 

 

 

 

Happy scrolling and tweening ...

Mikel

 

On 4/19/2019 at 6:53 PM, mikel said:

Hi @phaneendravvk,

 

Sometimes it is not easy to understand what is meant.
Something like this example ...?

 

 

 

 

Happy scrolling and tweening ...

Mikel

 

Thanks for the update.

On 4/19/2019 at 6:53 PM, mikel said:

Hi @phaneendravvk,

 

Sometimes it is not easy to understand what is meant.
Something like this example ...?

 

 

 

 

Happy scrolling and tweening ...

Mikel