Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/oracle/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
iPad视差闪烁_Ipad_Parallax - Fatal编程技术网

iPad视差闪烁

iPad视差闪烁,ipad,parallax,Ipad,Parallax,我在javascript中使用了视差效果,但我在iPad上遇到了问题 我知道webkit touch Devices上不会触发“$(window).scroll”(窗口) window.addEventListener("touchmove", triggerScroll, false); function triggerScroll(event) { var scrollTop = $(window).scrollTop();//event.touches[0].pageY;

我在javascript中使用了视差效果,但我在iPad上遇到了问题

我知道webkit touch Devices上不会触发“$(window).scroll”(窗口)

window.addEventListener("touchmove", triggerScroll, false);

function triggerScroll(event)
{       
var scrollTop = $(window).scrollTop();//event.touches[0].pageY; //window.pageYOffset();


$("#allCanvas .divCanvas").each(function(index, element) {
    var speed = $(element).data('speed');
    var initialTop = $(element).data('initialtop');     
    $(element).css('top', initialTop-(scrollTop*speed));

});

}
问题是它会使.divCancas在顶部或底部闪烁几个像素,这取决于我是在向上还是向下滚动

我跟踪了在$(element.css('TOP',initialTop-(scrollTop*speed)))上传递的最大值;而且每次都是正确的。正确的“顶部”值,即使webkit将其移动到错误的位置几千秒

我也试过: -“页边顶部”与“顶部”没有区别。 -删除所有其他对象并使“.each”循环只通过一个div,所以我想这不是jQuery的性能问题

有人遇到过这个问题吗

非常感谢
迭戈

也许可以尝试使用一些-webkit css动画功能。。。这些在iOS设备上运行非常平稳。这是一个很好的演示(仅限webkit):