Firefox - Pin Issues Full Page Apps

[bretmorris]

Hey there. First of all thanks for the plugin. This is almost exactly what I was looking for & has made my life 10x simpler. I am just experiencing an issue in FF v 24.0 (latest).

I am utilizing the pin feature to build a full-screen (height/width of viewport) website. Essentially, I pin sections to the top and then wipe over each section on scroll (similar to the demo on your website). This produces a pretty cool panel-like effect.

This works perfectly on Chrome and Safari but has some issues in FF:

• User cannot begin scrolling because the height of the page is equal to the viewport height (which does not trigger the scrollbar). I can get around this by adding an pixel to the height of my elements but this is annoying.

The larger problem...

• Upon unpinning of the last section scrollorama attempts to pin that section the top again. This creates a jump and will not allow the user to to get to the bottom. I noticed that this does not happen as long as the height of the content below the pinned elements is taller than the viewport. Of course, for my app, this will not be the case since there is no content below the pinned element.

Any thoughts / solutions?

Thanks!!

[bretmorris]

@johnpolacek not sure if this is helpful but I was able to resolve this issue for my project.

I simply set the height of the container element to equal the duration of the pin + the height of the viewport. Hope this helps. Thanks again for the plugin!