Snap Scrolling Troubleshooting.

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!

Thank you soooo much @Ziggy that worked perfectly 😁