Fixed header colors when scroll down in fluid design

Explorer ,
Apr 11, 2018 Apr 11, 2018

Copy link to clipboard

Copied

Dear all,

I'm trying to make a fixed header in a fluid layout that is transparent at the start but when y scroll down the background of the header turns black.

If also there is a way to make an effect it would be even better.

Please check this example Creative 1

Many thanks.

Views

195

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
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Apr 11, 2018 Apr 11, 2018
Scroll motion effects are possible only with fixed width layouts.In fluid width layouts you would need a 3rd party widget like scroll reveal from muse-themes.com (it´s free).As far as I´m experienced in a fluid width layout it is not possible without 3rd party widgets.If watching closely enough you´ll see that your example is done with fixed width breakpoints as well.Watch here for tutorials : scroll motion menu in muse - YouTube Best Regards,Uwe

Likes

Translate

Translate
Adobe Community Professional ,
Apr 11, 2018 Apr 11, 2018

Copy link to clipboard

Copied

Scroll motion effects are possible only with fixed width layouts.

In fluid width layouts you would need a 3rd party widget like scroll reveal from muse-themes.com (it´s free).

As far as I´m experienced in a fluid width layout it is not possible without 3rd party widgets.

If watching closely enough you´ll see that your example is done with fixed width breakpoints as well.

Watch here for tutorials : scroll motion menu in muse - YouTube

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
community guidelines
Explorer ,
Apr 11, 2018 Apr 11, 2018

Copy link to clipboard

Copied

Many thanks for your help fotoroeder

Best regards

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
community guidelines
Adobe Community Professional ,
Apr 11, 2018 Apr 11, 2018

Copy link to clipboard

Copied

LATEST

You´re welcome all time

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
community guidelines