调整大小时Skrollr视差会中断

时间:2014-04-14 08:14:38

标签: javascript jquery css parallax skrollr

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

如果您的浏览器窗口最大化,则没有任何内容,但只要您调整窗口大小,只需1个像素,背景图像就会被按下。知道造成这种情况的原因是什么吗?如果我调整它的大小,刷新浏览器,它的工作正常,但是浏览器调整大小并且不是用户友好的一切都是愚蠢的。

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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