Skrollr parallax breaks when resizing

Question

I'm working on this site http://andreas-berg.dk/wordpress/ - inside the section with all the hexagones, I have set up a parallax effect on the background image. Right here: https://www.dropbox.com/s/swi9zab8nn5l1hj/Screenshot%202014-04-14%2010.12.22.png

If your browser window is maxed out there's nothing, but as soon as you're resizing the window, at little as 1 pixel, the background image gets pushed down. Any idea what's causing this to happen? It works fine if I resize it, refresh the browser, but that would be stupid to do everything the browser is resized and not user friendly.

Answer 1

This works fine for me in FireFox on mac, could you specify what browser you are using? Had to add answer instead of comment due to lack of reputation :)

Answer 2

I had a similar problem that I fixed by destroying skrollr and rerunning .init() on window resize. It created a lot of extra space on the bottom of my body unless I added forceHeight:false to it.

$(window).resize(function() {
  skroll.destroy();
  skroll = skrollr.init({forceHeight: false});
});

Answer 3

Just add following code to end of your parallax.js

document.getElementsByTagName("body")[0].onresize = function() {
setTimeout(function(){
    jQuery(window).trigger('resize').trigger('scroll');
}, 100);};