调整大小时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);};