txroy001 Posted January 30, 2020 Share Posted January 30, 2020 Site URL: http://taylorroy.com/nautilab I use Squarespace for my portfolio site. They have a "block" that allows me to use embedded Adobe XD code (below) to show my app prototype. The prototype works fine but when the page loads, it automatically shifts half way down the page to the prototype. (Link to page) ``` <center> <iframe id="nautilab" width="414" height="736" src="https://xd.adobe.com/embed/afb3c48a-11a6-4296-73d9-068cd5b0c5ef-d982" allowfullscreen" frameborder="0"> </iframe> </center> ``` I would like for my page to remain at the top when fully loaded instead of jumping down mid-page to the prototype. I've tried countless solutions such as using sandbox, lazy loading, and loading on scroll view. I've tried using "data src=""" as well among other options. Unfortunately none of these solutions worked. The only time it doesn't jump down to the prototype is when it doesn't load at all (which happened with lazy loading, loading on scroll). How can I fix this? I'm able to use HTML, CSS, and JavaScript as well. My best guess is to delay loading the prototype until it's in view. The only other option would be placing the prototype at the top of the page, which is not what I want (it messes up the flow of the project). Any help is greatly appreciated! mbradt 1 Link to comment
mbradt Posted December 6, 2022 Share Posted December 6, 2022 The same happens with me in trying to embed a Thundertix checkout page. It's infuriating. Did you ever figure this out? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment