#Parallax menu scrolling full

“0” means the image is completely fixed, and 1 means there is no parallax, so play around with the decimal values to try different effects. Within the code snippet above, you can modify the “speed” attribute to control the parallax scroll speed. No worries, here are a few tweaks you can make to refine the look of your site. Ok, you’ve got parallax working but you want to customize it a bit more. $( '.has-background:not(:has(.sqs-video-background))'). Be sure to hit save and refresh your window to see it in action. Then set 'Image Effect' to 'Tilt' under the desired section's background editor window. To enable this feature, by selecting the pencil icon in your section’s editor that you want to update. EXCITING NEWS - 7.1 now has parallax scrolling built-in. New additions like section-based page building, built-in nav-menu buttons, and selectable color and typography palettes with even more options than ever before truly improved the Squarespace experience.īuuuut there was one big thing that was missing parallax scrolling. Squarespace 7.1 took an already good thing and delivered on its promise of making it even better.

Psst! Catch our full breakdown on the difference between Squarespace 7.0 and 7.1 here ! After all, Squarespace 7.0 had so many great features in addition to being ridiculously intuitive and easy to use, they also made it simple to add some pretty fancy effects to your website like image animations and parallax background scrolling. When Squarespace released their newest version of the platform, Squarespace 7.1, in early 2020, we were pretty excited.

#Parallax menu scrolling full