Highlighted

iframe embed onload scroll

Community Beginner ,
Aug 18, 2019

Copy link to clipboard

Copied

How do you disable onload scroll from occurring when using iframe embed adobe xd on a website? Is this a bug that adobe should fix? @Adobe XD

Adobe Community Professional
Correct answer by Ares Hovhannesyan | Adobe Community Professional

Adobe Xd haven't such setting for Actions. Please .add your idea to Adobe XD Feedback : Feature Requests & Bugs for including it in upcoming updates.

From other side may be the Animation Action can solve this, but I am not sure in your case

Views

823

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

iframe embed onload scroll

Community Beginner ,
Aug 18, 2019

Copy link to clipboard

Copied

How do you disable onload scroll from occurring when using iframe embed adobe xd on a website? Is this a bug that adobe should fix? @Adobe XD

Adobe Community Professional
Correct answer by Ares Hovhannesyan | Adobe Community Professional

Adobe Xd haven't such setting for Actions. Please .add your idea to Adobe XD Feedback : Feature Requests & Bugs for including it in upcoming updates.

From other side may be the Animation Action can solve this, but I am not sure in your case

Views

824

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 18, 2019 0
Adobe Community Professional ,
Aug 18, 2019

Copy link to clipboard

Copied

This sounds more like something to be fixed within iframe than XD.

Does adding scrolling="no" into the <iframe> code get the result you are after?

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 18, 2019 1
Community Beginner ,
Aug 19, 2019

Copy link to clipboard

Copied

That code would only help if I had a scroll bar on the side of the iframe I was trying to get rid of. The problem I am having is when the page load it auto scroll to the position where the iframe is.

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 19, 2019 1
Adobe Community Professional ,
Aug 19, 2019

Copy link to clipboard

Copied

Can you give more information what you want too achieve? Thank you

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 19, 2019 1
Community Beginner ,
Aug 19, 2019

Copy link to clipboard

Copied

<center><iframe onload="window.parent.scrollTo(0,0)" width="100%" height="950" src="https://xd.adobe.com/embed/5d00b5c4-98af-4e84-5427-912deff88d66-2b31/" frameborder="0" scrolling="no" style="overflow: hidden" overflow-x:hidden;

overflow-y:hidden;></iframe></center>

Above is my iframe code. I add onload="window.parent.scrollTo(0,0) to stop the page from auto scrolling to the iframe location but still does it.

I have two adobe xd iframes on my website

https://www.adriennestevson.com/uiux-projects/primary-toys-process

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 19, 2019 0
Adobe Community Professional ,
Aug 20, 2019

Copy link to clipboard

Copied

Adobe Xd haven't such setting for Actions. Please .add your idea to Adobe XD Feedback : Feature Requests & Bugs for including it in upcoming updates.

From other side may be the Animation Action can solve this, but I am not sure in your case

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 1
Community Beginner ,
Feb 18, 2020

Copy link to clipboard

Copied

I'm having the same issues. Did you ever find a fix?

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...
Feb 18, 2020 0
New Here ,
Feb 23, 2020

Copy link to clipboard

Copied

I added loading="lazy" to my XD iframe embed code and that stops the page load auto-scroll issue I've been having. Got the code here: https://web.dev/native-lazy-loading/ -- good luck!

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...
Feb 23, 2020 0
belac77 LATEST
Community Beginner ,
Mar 12, 2020

Copy link to clipboard

Copied

Sadly, that didn't work for me 😞 I added loading="lazy" to the iframe code but it doesn't seem to make a difference. 

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...
Mar 12, 2020 0