Prevent Figma's embed code from automatically scrolling to it on page load

Honestly this is super frustrating. I’ve attempted several methods to prevent my web page from jumping to the embedded code on load.

Why is this happening? What can I do to prevent this.

If it helps I am using webflow

3 Likes

Hey Sarah, I had this problem too and seemed to have found a fix.

At the end of your url inside your embed add ?nojump to the link.

For example:

<iframe class="figma" style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="100%" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FxBXhiabtKRjusYM06fxUXA%2FUser-Journey-Map%3Fnode-id%3D0%253A1?nojump" allowfullscreen></iframe>

On second look it seems this does not work. I was tricked! Sorry for the false hope. I really hope figma does something to fix it.

Me too! This is so important for portfolios, etc. but their iframe ruins the page’s loading process. Super unfortunate. Not even loading=“lazy” works. :weary:

Yeah! I did find a slight work around. In webflow I set the embed to display: none. And using jquery I then set it’s display to block (or whatever you want it set to) after a certain amount of time.

This removes the focus from the embed until they load in… however, on slower internet speeds they won’t load in by the time the embed sets its display to block and therefore end up scrolling to them anyway. I’d say it works around 80% of the time.

Example:

$(window).on('load', function(){
        setTimeout(func1, 6000)
    });
    function func1(){
    	$(".figma").attr("style", "display:block");
    }

I set the class=‘figma’ in the iframe code.

Also having this same issue while using embedly’s extract service. It’s definitely due to a change that was made in the last ~4weeks on figmas side as i only started happening recently.

Please fix soon :pray:

1 Like