Jump to content

Scrolling stackable items

Recommended Posts

Posted (edited)

I am trying to create a string of code that allows items to stack on top of the page as users scroll through the section—meant as an about section or a list of accomplishments or features. 

Here is a sample of what I'm trying to create

https://rblln.fr/agence

 

Any recomendations? I am at a loss on the best way to do this!

Edited by insuficientspectrum
spelling error
  • Replies 7
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

Like this?

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

  • 1 month later...
Posted
9 hours ago, PoppyandSeedStudio said:

Is there a way to apply this to content inside a specific section? Thanks!

Yes you should be able to add the data section IDs to the code and duplicate it for every instance that you want it for a section.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
16 hours ago, Ziggy said:

Yes you should be able to add the data section IDs to the code and duplicate it for every instance that you want it for a section.

Thanks for getting back to me, unfortunately it doesn't seem to be working for me. 

 

my website is www.poppyandseedstudio.com.au and the content i want stacked is the discovery, development and delivery cards on mobile only.

 

Thanks!

Posted (edited)
On 10/10/2024 at 1:33 AM, PoppyandSeedStudio said:

content i want stacked is the discovery, development and delivery cards on mobile only.

If you used a single text block for each "card" with a background, rather than 2 text blocks and a shape, you should be able to use the pin feature on each of the 3 blocks (activate on the mobile layout).

I knocked up a quick demo here (please ignore the content!):

https://quillfish-tangerine-4c2a.squarespace.com/demo

PW: test

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
5 hours ago, PoppyandSeedStudio said:

That password isn't working sorry

Sorry, it was just "test"

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.