Creates a 'Sticky' Scroll effect with sections

PHOTO EMBED

Tue Mar 15 2022 13:06:02 GMT+0000 (Coordinated Universal Time)

Saved by @jackie #sticky #scroll #sections

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

Here is the code from this tutorial with a little bit of a shadow to create even more depth between these pages sections. 

#page .page-section {position: sticky!important; top: 0px; box-shadow: 5px 5px 15px rgba(0,0,0,0.8)!important} html {scroll-behavior: smooth}
content_copyCOPY

sticky, scroll, page sections,

https://insidethesquare.co/squarespace-tutorials/summary-hover-effects-62te9