調整大小時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);};