Highlighted

Fixed header, content changes when page is scrolled

New Here ,
Aug 14, 2019

Copy link to clipboard

Copied

Hi,

Using Adobe XD, I am trying to achieve a fixed header that changes when screen is scrolled. First header should be replaced back when page is scrolled back to top.

Few examples that I found on web

https://elbnetz.com/warum-elbnetz-nutzen/

https://codepen.io/zero_point/pen/YwjgEp

It would be helpful if anyone can help or redirect me to some tutorial to achieve this using Adobe XD.

Hi Abhijits,

Thanks for reaching out about this. Here's a YouTube tutorial which appears close to the outcome which you're looking for: - Scrolling Actions in Adobe XD - Animate on Scroll - Design Weekly - YouTube. This should at least give you a head start and you can improvise at the later stage to get the exact outcome.

Feel free to update this discussion in case you need help during the process.

Thanks,

Atul_Saini

Views

164

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

Fixed header, content changes when page is scrolled

New Here ,
Aug 14, 2019

Copy link to clipboard

Copied

Hi,

Using Adobe XD, I am trying to achieve a fixed header that changes when screen is scrolled. First header should be replaced back when page is scrolled back to top.

Few examples that I found on web

https://elbnetz.com/warum-elbnetz-nutzen/

https://codepen.io/zero_point/pen/YwjgEp

It would be helpful if anyone can help or redirect me to some tutorial to achieve this using Adobe XD.

Hi Abhijits,

Thanks for reaching out about this. Here's a YouTube tutorial which appears close to the outcome which you're looking for: - Scrolling Actions in Adobe XD - Animate on Scroll - Design Weekly - YouTube. This should at least give you a head start and you can improvise at the later stage to get the exact outcome.

Feel free to update this discussion in case you need help during the process.

Thanks,

Atul_Saini

Views

165

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
Aug 14, 2019 0
Adobe Employee ,
Aug 16, 2019

Copy link to clipboard

Copied

Hi Abhijits,

Thanks for reaching out about this. Here's a YouTube tutorial which appears close to the outcome which you're looking for: - Scrolling Actions in Adobe XD - Animate on Scroll - Design Weekly - YouTube. This should at least give you a head start and you can improvise at the later stage to get the exact outcome.

Feel free to update this discussion in case you need help during the process.

Thanks,

Atul_Saini

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...
Aug 16, 2019 2
New Here ,
Aug 20, 2019

Copy link to clipboard

Copied

Thank you Atul for your help and a tutorial reference!

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...
Aug 20, 2019 0