Jump to content

Snappy Scrolling effect on 7.0 Brine

Go to solution Solved by Resonate,

Recommended Posts

I've replied to another post about this but as it was a little old I figured I'd just start a new one.

Is there a way of creating this snappy scrolling effect on a 7.0 Brine website?

https://bodacious.be

I see that Ghost Plugins has a solution but it's only for 7.1!

https://www.ghostplugins.com/products/snappy-page-sections

I've had a good hunt around but so far haven't been able to find anything that will actually work - I wonder if things have changed on 7.0 due to it being a feature that can be done with 7.1 easily enough. 

 

Hopefully there's been someone with the same question out there that can help, thanks!

Edited by Resonate
Adding tags
Link to comment

Did you try this solution:

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Hey Ziggy, 

Thanks for the reply! 

I just tested some code on a new Brine test site and it seems to work great, so there must be something on my client project website that is stopping it working - time to do some digging!

I'll add the code that worked below in case anyone else has issues finding it too.

 

Cheers,

Darren 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>
<script>
        $(function() {
          $.scrollify({
            section : ".Index-page",
          });
        });
</script>

 

Link to comment

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.