• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

create a horizontal scroll timeline with fixed elements

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

Views

1.1K

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

LEGEND , Oct 23, 2017 Oct 23, 2017

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

Votes

Translate

Translate
LEGEND ,
Oct 23, 2017 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

Votes

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

Copy link to clipboard

Copied

are you talking about map image?

Votes

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

Votes

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

Votes

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

Copy link to clipboard

Copied

LATEST

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

Votes

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