Integration with Squarespace

[eduoliveira85]

Hey there,

I've just started building a site on Squarespace and one of the features we need is to snap the screen top to the top of an section - just like Scrollify sample site (https://projects.lukehaas.me/scrollify). Using the 3.2.1/jquery.min.js.

We've attached the jquery.scrollify.js file to the footer and been trying to use the same setting as we can find on main.js from the sample site:

$(function() {
    $.scrollify({
        section:".panel",
        //sectionName:false,
        scrollSpeed:1100,
        after:function(i) {
/*
            if(i===2) {
                $.scrollify.setOptions({
                    easing:"easeOutExpo"
                });
            }*/
        }
    });
    });

Our version looks like this:

 $(function() {
    $.scrollify({
        section:".Index-page",
        //sectionName: false,
        scrollSpeed:1100,
        after:function(i) {

            /*if(i===2) {
                $.scrollify.setOptions({
                    easing:"easeOutExpo"
                });*/
            }
        }
    });

Where .Index-page refers to every section class parameter

I'm not a programmer so I only could assume I'm getting it wrong. Maybe it needs to be a div tag or something else I'm missing?

Thanks in advance for any reply