Jump to content

Squarespace 7.1 Parallax Jitters

Recommended Posts

Site URL: https://thelandcollaborative.squarespace.com

Hi All,

I've been through the many posts here about Parallax on Squarespace 7.1. I've tried about 5 different versions (all the issues are in the forums). The parallax is working, but the jitters are terrible when you scroll up. So far, I haven't found a fix for this. Is it possible to get any of the experts on here to commit to figuring it out?  The website is: https://thelandcollaborative.squarespace.com.

I'm using this in the site-wide code injection box: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script>
<script>
  $('.has-background').attr('data-scrollax-parent', 'true');
  $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "100%" }');
  $.Scrollax();
</script>
<style>
  .has-background {overflow: hidden;}
</style>

Thank you!

Link to comment
  • Replies 0
  • Views 309
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.