Jump to content

Website template scroller

Go to solution Solved by paul2009,

Recommended Posts

  • Solution
5 hours ago, MrScribble said:

Does anyone know how squarespace themselves achieved this?

It was manually coded using Squarespace 7.0 Developer Mode

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 3 weeks later...

Are you certain though - i've seen some sites pulling this off with what seems like some CSS fiddling and using lists or even summaries.

Maybe if i break it down in major terms, someone can aid me :D.

What i need is a section that acts like a portfolio page, meaning text links, when hovering over will change the background (this background should fill the entire size of the section).

This to me seems fairly doable without using Javascript or going into custom developer mode.

In advance, thanks 😄

Link to comment

SS's website is a heavily customized version of a v7.0 site using DM as @paul2009 mentioned.

The particular effect you mention is not just a few lines of CSS. It is a combination of HTML, CSS and perhaps some JavaScript. I don't know about the JS as I haven't spent time diving into how they did it. A highly paid designer/developer spent a fair amount of time to achieve that effect. The effect is not available on a standard SS site.

Could something be cooked up that worked similarly to the effect on a standard SS site? Possibly. But it won't be just a few lines of CSS.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.