SitesByShannon Posted October 4, 2023 Share Posted October 4, 2023 Hello! I'm trying to create the snap scrolling effect on the main page of my site so that "snaps" to each section. I've tried the code below as well as: Making all my sections large. Pasting the code into the advanced header section of just the homepage. Can't turn ajax off since I'm in a 7.1 version. <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> Do I need to rename section : ".Index-page" ? Any help would be appreciated. My website is www.sitesbyshannon.com and thanks in advance! Link to comment
Solution Ziggy Posted October 5, 2023 Solution Share Posted October 5, 2023 .Index-page is not what you need in 7.1, try this instead: <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 : ".page-section", }); }); </script> SitesByShannon 1 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
SitesByShannon Posted October 7, 2023 Author Share Posted October 7, 2023 Thank you soooo much @Ziggy that worked perfectly 😁 Ziggy 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment