jquery - jQuery show() 在手机上闪烁

Question

该站点： http: //www.stdavidsschool.co.uk/使用 jQuery 为横幅图像滑块下的 Headlines 元素设置动画。在桌面上它看起来不错，但在我的 Galaxy S3 手机上，在 show() 动画开始之前，你会非常快速地以全高显示下一个项目。

基本上它是这样做的：

name = "#item" + currentItem++;
$(name).hide("slide", { direction : "up"}, 1000);
name = "#item" + currentItem;
$(name).show("slide", { direction : "down"}, 1000);

我看到了 -webkit-backface-visibility 修复，但这似乎没有帮助 - 大概是针对整个页面动画。

任何建议都非常感谢！

Answer 1

放弃幻灯片并切换到淡入淡出。工作一种享受;-)

Answer 2

我遇到了同样的问题，并找到了一个解决方案，如果您愿意，可以使用幻灯片。

实现在这里找到的 fastclick.js：https ://github.com/ftlabs/fastclick 。

链接文档头部的 .js 文件。

然后简单地添加

<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>

到文档的开头。

在页面之间导航时不再闪烁/闪烁。

希望这可以帮助！