Squarespace 7.1Effects & Interactions

Squarespace Scrolling Images Plugin Pro

By The Square Genius

$19.99
Squarespace Scrolling Images Plugin Pro - Squarespace Templates
Fit check
Great for
Web designers showing full-page mockups
Photographers with panoramic or long-format work
Illustrators and comic artists
Businesses presenting infographics or long documents as images
Version7.1
SetupEasy

Overview

Some images are simply too tall for a web page: a full-length website mockup, a long infographic, a restaurant menu scanned as one image, a comic strip. Drop one into a Squarespace image block and it either dominates the page or gets shrunk until nothing is legible. Squarespace Scrolling Images Plugin Pro from The Square Genius puts a tall image inside a container of fixed height that the visitor scrolls within, so the image stays large and the page stays tidy. It is a CSS plugin used together with a Code Block, with adjustable container heights, custom scrollbar styling and padding options. The Square Genius state it is compatible with Squarespace 7.1, and their FAQ also mentions 7.0.

Who it suits

Web designers showing full-page mockups in a portfolio, photographers with panoramic or long-format work, illustrators, and businesses presenting infographics or long documents as images. If you have ever wished a visitor could scroll a screenshot instead of squinting at it, this is the fix.

One honest caveat

It handles vertical scrolling only; there is no horizontal mode in this version. A scrolling box inside a scrolling page can also feel odd on touchscreens, where the visitor may not realise the image moves independently, so keep the container height sensible and test on a phone before publishing.

Installation

Paste the supplied CSS into Custom CSS and add the image using a Code Block following the included instructions. Custom CSS is available on all Squarespace plans, but check your plan supports Code Blocks before buying.

Related guide: see our roundup of the best Squarespace plugins in 2026 for how this compares with the alternatives.

What it does
  • Shows a tall image inside a fixed-height scrollable container
  • Keeps long mockups, infographics and panoramas legible without dominating the page
  • Lets you style the scrollbar and set container height and padding
  • Vertical scrolling only
Full specifications

FAQs

FAQs

What does the Squarespace Scrolling Images Plugin Pro do?
It places a tall image inside a container of fixed height that visitors scroll within, so long mockups, infographics or panoramas stay large without taking over the page.
Does it support horizontal scrolling?
No. This version is built for vertical scrolling only. The Square Genius suggest contacting them if you need a horizontal variant.
Which Squarespace versions does it work with?
The Square Genius state compatibility with Squarespace 7.1, and their FAQ also mentions 7.0. Check the vendor page for the current position before buying for a 7.0 site.
How is it installed?
You paste the supplied CSS into Custom CSS and add the image through a Code Block, following the step-by-step instructions included with the purchase.
Can I customise the container?
Yes. The height, scrollbar appearance and padding are all adjustable through the CSS provided.
Do I need coding knowledge?
No. Detailed instructions are provided and the setup is copy and paste, although you will be editing values in a CSS file to fine-tune it.