Highlighted

Replace Sticky Header With A New

New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Hello!

  I know how to make a sticky header, but what I want to do is to be able to replace that header with a new one as I scroll down the page.

For example, I would like my Company Name to stick as I scroll until I get to the About Us part, then I want the About Us to stick to the top until I get to the Contact Us part.

So I am wondering how to replace the sticky text with a new sticky text.

Thank you!

Views

97

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Replace Sticky Header With A New

New Here ,
Feb 28, 2018

Copy link to clipboard

Copied

Hello!

  I know how to make a sticky header, but what I want to do is to be able to replace that header with a new one as I scroll down the page.

For example, I would like my Company Name to stick as I scroll until I get to the About Us part, then I want the About Us to stick to the top until I get to the Contact Us part.

So I am wondering how to replace the sticky text with a new sticky text.

Thank you!

Views

98

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 28, 2018 0
Adobe Community Professional ,
Feb 28, 2018

Copy link to clipboard

Copied

This will not work in muse out of the box.

You could achieve something like this with scroll motion effects but only one time.

So the "first" header could be replaced by another header, but then this "second" header will remain, I´m afraid.

This will only work with fixed width breakpoints.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 28, 2018 0