Highlighted

How to direct to a text or page in one scroll website from menu in XD?

Community Beginner ,
Jul 20, 2020

Copy link to clipboard

Copied

My website is a one scroll website with many chapters. I want to do when tap on the Chapter1 in the menu it will scroll down to the text or picture of Chapter1 (as shown in the image). How do I do it?

Annotation 2020-07-20 221839.jpg

 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

Would be great if you can do this in one artboard, but I don't think you can, because A) you cannot assign multiple actions to one trigger (if you could then you can craete a menu component that scrolls to Chapter X and closes the menu), and B) you cannot target a scroll position from another artboard (if you could then you can create the menu as an overlay).

 

What you can do is to auto-animate between artboards with the content scrolled to a specific chapter. But you need 5 artboards for 5 chapters...

 

A) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40727662-stack-actions-within-a-single-interaction-multipl

B) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40950223-target-an-object-within-the-destination-artboard

TOPICS
How to, Prototyping

Views

33

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

How to direct to a text or page in one scroll website from menu in XD?

Community Beginner ,
Jul 20, 2020

Copy link to clipboard

Copied

My website is a one scroll website with many chapters. I want to do when tap on the Chapter1 in the menu it will scroll down to the text or picture of Chapter1 (as shown in the image). How do I do it?

Annotation 2020-07-20 221839.jpg

 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

Would be great if you can do this in one artboard, but I don't think you can, because A) you cannot assign multiple actions to one trigger (if you could then you can craete a menu component that scrolls to Chapter X and closes the menu), and B) you cannot target a scroll position from another artboard (if you could then you can create the menu as an overlay).

 

What you can do is to auto-animate between artboards with the content scrolled to a specific chapter. But you need 5 artboards for 5 chapters...

 

A) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40727662-stack-actions-within-a-single-interaction-multipl

B) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40950223-target-an-object-within-the-destination-artboard

TOPICS
How to, Prototyping

Views

34

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
Jul 20, 2020 0
Adobe Community Professional ,
Jul 20, 2020

Copy link to clipboard

Copied

Would be great if you can do this in one artboard, but I don't think you can, because A) you cannot assign multiple actions to one trigger (if you could then you can craete a menu component that scrolls to Chapter X and closes the menu), and B) you cannot target a scroll position from another artboard (if you could then you can create the menu as an overlay).

 

What you can do is to auto-animate between artboards with the content scrolled to a specific chapter. But you need 5 artboards for 5 chapters...

 

A) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40727662-stack-act...

B) https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40950223-target-an...

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...
Jul 20, 2020 1