How to create an overlay scroll effect in Squarespace // Squarespace CSS Tutorial

In this tutorial, you’ll learn how to create an overlay scroll effect in Squarespace, where a page section will get “stuck” at the top of a browser, and the other content will cover it as you scroll down the page.
---
This is just the start of all the cool things you can do with custom CSS! Learn the basics in my free class: https://insidethesquare.co/learn
---
Two lines of code can create this overlay scroll effect in Squarespace, but there are some fun things you can do to create even more depth! Here are the two codes used in this tutorial; be sure to adjust the values below to make sure it suits the style of your own website.


Here is the code from this tutorial:
#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}

- - -
? GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE ?
Use my affiliate link and code PARTNER10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way ?
? PARTNER10 → https://insidethesquare.co/partner10
- - -
? Download over 60+ pages of custom codes and pro tips for customizing Squarespace in one awesome PDF. Order the Squarespace CSS Cheat Sheet, available now at ? https://insidethesquare.co/css
---
? Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
---
? SUPPORT MY CHANNEL → https://paypal.me/insidethesquare
? WEBSITE → https://insidethesquare.co
? NEWSLETTER → https://insidethesquare.co/email
? INSTAGRAM → https://www.instagram.com/thinkinsidethesquare
? FACEBOOK → https://business.facebook.com/insidethesquare
? PINTEREST → https://www.pinterest.com/insidethesquare
---
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥