Jump to content

Need help w sticky image

Recommended Posts

I don't have much experience with code, but Im looking for a way to have two images side by side. But the left image will stay still, and the right image will actually be a long column of separate images, that when i scroll, will allow the left image (stationary) to be compared to the right image, when scrolled. And I'll want some text under each image as well.

Sorry I dont have a page set up for this to show as an example.

Any ideas on how to execute this reasonably easy?

Link to comment

I guess you can add an Image Block on Left - Gallery Block Grid on right, then we will use code to make left fixed on scroll?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 8/9/2022 at 6:51 AM, CinAstro said:

Sounds good. Now, how to make the left image stick?

You try adding it first, then we can check code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
5 hours ago, tuanphan said:

You try adding it first, then we can check code easier

There is no code. I don't know how to make it. I can put two image blocks side by side on a page, but theres no code.

If I had two image blocks (or a gallery on the right) side by side, what code would go into the page to make the left image stick when scrolling?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.