Highlighted

create a horizontal scroll timeline with fixed elements

New Here ,
Oct 23, 2017

Copy link to clipboard

Copied

Hello there,

I've been looking everywhere online for a tool to create something like the following:

http://www.scame.com/timeline/index.html

As it's done here, I want the tooltip elements not to change location when the dimensions of the page change.

Can I possibly do that with muse or do I need to use something else? maybe another adobe software?

I could go into writing the css myself but that's effort and time that I don't have.

thank you.

Charlie.

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

For me it looks like a "normal" scroll motion effect to the"side" instead of "up and down".

And the tooltip is placed and scrolls the same speed as the image (in your example the cable), while the background scrolls with another speed.

If this doesn`t work, give us a small example after you have watched these tutorials:

Add scroll motion effects to objects |

Animate objects using scroll motion effects |

Best Regards,
Uwe

Views

786

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

create a horizontal scroll timeline with fixed elements

New Here ,
Oct 23, 2017

Copy link to clipboard

Copied

Hello there,

I've been looking everywhere online for a tool to create something like the following:

http://www.scame.com/timeline/index.html

As it's done here, I want the tooltip elements not to change location when the dimensions of the page change.

Can I possibly do that with muse or do I need to use something else? maybe another adobe software?

I could go into writing the css myself but that's effort and time that I don't have.

thank you.

Charlie.

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

For me it looks like a "normal" scroll motion effect to the"side" instead of "up and down".

And the tooltip is placed and scrolls the same speed as the image (in your example the cable), while the background scrolls with another speed.

If this doesn`t work, give us a small example after you have watched these tutorials:

Add scroll motion effects to objects |

Animate objects using scroll motion effects |

Best Regards,
Uwe

Views

787

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
Oct 23, 2017 0
Most Valuable Participant ,
Oct 23, 2017

Copy link to clipboard

Copied

you can make a div that sits in the middle with Muse but that site would be something I use Dreamweaver to do

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...
Oct 23, 2017 0
New Here ,
Oct 23, 2017

Copy link to clipboard

Copied

are you talking about map image?

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...
Oct 23, 2017 0
Most Valuable Participant ,
Oct 23, 2017

Copy link to clipboard

Copied

charlesc28448166  wrote

I want the tooltip elements not to change location when the dimensions of the page change.

Screenshot (115).png

this bit sits in the middle can be done in Muse

but the actual tool runs on css (can also be done in Muse) Dreamweaver is the better way to make such a tool

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...
Oct 23, 2017 0
New Here ,
Oct 23, 2017

Copy link to clipboard

Copied

I'm not talking about that thing that shows up in the middle.

I'm talking about the information tooltip here below:

Screen Shot 2017-10-23 at 3.11.09 PM.png

if i manually resize the browser, the background becomes smaller and the information tooltip is still floating on that cord:

Screen Shot 2017-10-23 at 3.11.14 PM.png

thanks again for the help.

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...
Oct 23, 2017 0
Adobe Community Professional ,
Oct 23, 2017

Copy link to clipboard

Copied

For me it looks like a "normal" scroll motion effect to the"side" instead of "up and down".

And the tooltip is placed and scrolls the same speed as the image (in your example the cable), while the background scrolls with another speed.

If this doesn`t work, give us a small example after you have watched these tutorials:

Add scroll motion effects to objects |

Animate objects using scroll motion effects |

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...
Oct 23, 2017 1