Steps to create a scrolling image that is too big - e.g. a showcase a full webdesign. (scrolling image within a scrolling webpage)

Step I.

Upload your full sized (lengthened) image as a file to a BUTTON as a click-through so that you can have a source to ‘fetch’. You can delete the button later.

OR you could use the Squarespace Collection/Block Identifier with the Chrome Add-on

Step 2.

Find the full URL for that file by clicking on your button. It will start with https://static1.squarespace.com/static/ then have numbers/ then your filename. Copy that to include in the code in the next step for img source.

Step 3.

Create a code block and paste the below code.

Adjust the box size as required.
You can also insert a entire website by using iframe instead of img.

<div style="height:600px; width:1000px; overflow:auto;">

<img src="https://static1.squarespace.com/static/597fe70fff7c50f9242fc39f/t/5ecc9d71250a6a0b1ac78725/1590467956975/WebsiteArchetypes.jpg"

alt="Website for scroll box"> </div>

Sample of website full length - looks better when more imagery hits the edges