Jump to content

Overlay scroll effect to a single section

Recommended Posts

Posted (edited)


I tried adding the overlay scroll effect to a single section of my squarespace website, but for some reason, it applies to the whole page.

Desired effect: https://oriole-gar-h86y.squarespace.com/


My website: www.bluelinenp.com (I only want to add this effect to the first section)


I used this code:

<style>#page .page-section {position: sticky!important; top: 0px!important}
html {scroll-behavior: smooth}</style>

Edited by bluelinenp
Link to comment
  • Replies 0
  • Views 632
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.