iPad视差闪烁
我在javascript中使用了视差效果,但我在iPad上遇到了问题 我知道webkit touch Devices上不会触发“$(window).scroll”(窗口)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;
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):