javascript - 调整大小时 Skrollr 视差中断

Question

我正在这个网站上工作http://andreas-berg.dk/wordpress/ - 在所有六边形的部分内，我已经在背景图像上设置了视差效果。就在这里：https ://www.dropbox.com/s/swi9zab8nn5l1hj/Screenshot%202014-04-14%2010.12.22.png

如果您的浏览器窗口已最大化，则什么也没有，但是一旦您调整窗口大小（仅 1 个像素），背景图像就会被向下推。知道是什么导致这种情况发生吗？如果我调整它的大小，刷新浏览器，它工作正常，但是做浏览器调整大小而不是用户友好的所有事情都是愚蠢的。

Answer 1

这在 Mac 上的 FireFox 中对我来说很好用，你能指定你使用的是什么浏览器吗？由于缺乏声誉，不得不添加答案而不是评论:)

Answer 2

我有一个类似的问题，我通过销毁 skrollr 并在调整窗口大小时重新运行 .init() 来解决。它在我的身体底部创造了很多额外的空间，除非我添加 forceHeight:false 。

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

Answer 3

只需将以下代码添加到 parallax.js 的末尾

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