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