Javascript 调整大小时,Skrollr视差中断

Javascript 调整大小时,Skrollr视差中断,javascript,jquery,css,parallax,skrollr,Javascript,Jquery,Css,Parallax,Skrollr,我在这个网站上工作-在所有六边形的区域内,我在背景图像上设置了视差效果。就在这里: 如果你的浏览器窗口被最大化了,那就什么都没有了,但是只要你调整窗口的大小,只有1个像素,背景图像就会被按下。知道是什么导致了这一切吗?如果我调整它的大小,刷新浏览器,它可以正常工作,但是如果浏览器的大小都调整了,而且对用户不友好,那就太愚蠢了。这对我来说在mac上的FireFox中正常工作,你能指定你使用的浏览器吗? 由于缺乏声誉,我不得不添加答案而不是评论:)我有一个类似的问题,我通过销毁skrollr并在窗口

我在这个网站上工作-在所有六边形的区域内,我在背景图像上设置了视差效果。就在这里:


如果你的浏览器窗口被最大化了,那就什么都没有了,但是只要你调整窗口的大小,只有1个像素,背景图像就会被按下。知道是什么导致了这一切吗?如果我调整它的大小,刷新浏览器,它可以正常工作,但是如果浏览器的大小都调整了,而且对用户不友好,那就太愚蠢了。

这对我来说在mac上的FireFox中正常工作,你能指定你使用的浏览器吗?
由于缺乏声誉,我不得不添加答案而不是评论:)

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

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

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

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

哦,当然,我在Mac上使用Chrome:)但当我在这里使用Firefox浏览时,它也会跳下来。那里似乎也工作得很好,你有最新版本的Chrome吗?我有,是的:)看起来我是通过在init Skrollr之前编写一个窗口加载函数来工作的。