Question

I’m currently working on a parallax website by using scrolldeck.js. And i’ve found some problems that i couldn’t fix so if anyone wouldn’t mind to offer some help here will be great 🙂

Problems:

1 – The navigation menus does not stop at the “active” state. It always 1 step behind which means the active state added to the previous navigation. And that’s only happen in firefox.

2 – I’ve added accordion content to some slices/page/section and the height will not adjust automatically based on the content inside. Is there a way that i could make the height size as a variable so that it will adjust automatically? There are also unknown spaces between each slices/page/sections that i’ve found the area contain accordion content.

Please click here for the website that i’m currently working.

Thank you for your attention 🙂

Answer 1

The first problem is caused by the declaration body{margin:0} in your normalize.css file

The cause of the second problem is that in your file “main.js” you initialize the scrolldeck before you hide the accordion.

This means that scrolldeck calculates the height of the containing elements to include the accordion’s hidden content. Just swap these two things round and all will be well.

$(document).ready(function(){ 
  //Scrolldeck code
  //Accordion code
  //Rest of your code
});