Jquery skrollr切断了站点,在移动iOS上出现了bug

Jquery skrollr切断了站点,在移动iOS上出现了bug,jquery,ios,mobile,parallax,skrollr,Jquery,Ios,Mobile,Parallax,Skrollr,我正在尝试使用skrollr库()创建网站。 它可以在标准浏览器上正常工作,但由于某些原因,在移动设备上的方向改变前后,它会中断并表现出奇怪的行为。 我在底部对它进行了初始化,但它的行为似乎不是。 它在加载时会减少大约2/3个字符,如果我前后旋转,它会一直旋转,有时甚至会在底部增加太多空间,然后顶部的徽标动画就会消失。 我在#skrollr body中添加了一些空白数据命令,这样它就知道终点在哪里了,但仍然不走运 请帮助此处的示例似乎Scroller会计算其内容元素的高度并相应地进行渲染。如果您

我正在尝试使用skrollr库()创建网站。
它可以在标准浏览器上正常工作,但由于某些原因,在移动设备上的方向改变前后,它会中断并表现出奇怪的行为。 我在底部对它进行了初始化,但它的行为似乎不是。 它在加载时会减少大约2/3个字符,如果我前后旋转,它会一直旋转,有时甚至会在底部增加太多空间,然后顶部的徽标动画就会消失。 我在#skrollr body中添加了一些空白数据命令,这样它就知道终点在哪里了,但仍然不走运


请帮助此处的示例

似乎Scroller会计算其内容元素的高度并相应地进行渲染。如果您的内容中有没有声明高度的图像,因为您希望它们对浏览器具有灵活性,那么在加载所有图像之前,浏览器不会知道高度。我设法克服了这个问题,让它等待,直到所有的图像加载如下:

// Wait till all images are loaded before initiating the scrollr
var total_images = $("body img").length;
var images_loaded = 0;
$(document).ready(function(e) { 
        $("body").find('img').each(function() {
        var fakeSrc = $(this).attr('src');
        $("<img>").attr("src", fakeSrc).load(function() {
            images_loaded++;
            if (images_loaded >= total_images) {
                // now all images are loaded.
                var s = skrollr.init();             
            }
        }); 
    });
});    
//在启动滚动程序之前,请等待所有图像加载完毕
var total_images=$(“身体img”)。长度;
已加载的变量=0;
$(文件).ready(函数(e){
$(“body”).find('img').each(function(){
var fakeSrc=$(this.attr('src');
$(“=图像总数){
//现在所有图像都已加载。
var s=skrollr.init();
}
}); 
});
});