How to create sticky blocks within sections for Squarespace 7.1

Site URL: https://lyteside.squarespace.com/sandbox

Password: iloveunicorns

I am looking for a way to target blocks within sections, and have them be stickied until they collide with a new row or the end of the section. In the link posted, for instance, I'd like the first image "beautiful, emotional, story" to sticky on the page while the user scrolls down to read the text. Then it will go out of view once reaching the bottom of the section.

Thanks in advance for your help!

8 hours ago, lyteside said:

Site URL: https://lyteside.squarespace.com/sandbox

Password: iloveunicorns

I am looking for a way to target blocks within sections, and have them be stickied until they collide with a new row or the end of the section. In the link posted, for instance, I'd like the first image "beautiful, emotional, story" to sticky on the page while the user scrolls down to read the text. Then it will go out of view once reaching the bottom of the section.

Thanks in advance for your help!

That can be done using css position sticky, what is your site url

It appears you have achieved this effect on the page posted.

Do you still need help with this?

Thank you, I think I have it working now! 🙂

I still need help with this, if folks can provide any!

@lyteside Your website uses multiple effects. Where did you find the css code snippets, or how did your wrote the code for the effects? Really like the way your website is behaving when scrolling down!

i also need help with this if anyone is able to point me in the right direction!

38 minutes ago, brookehartnett said:

i also need help with this if anyone is able to point me in the right direction!

We need more context and details about the effect you want to achieve. Also please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.