Question

此网站：http://www.stdavidsschool.co.uk/使用jQuery为横幅图片滑块下的标题元素设置动画。在桌面上它看起来很好但是在我的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>

到文档的头部。

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

希望这有帮助！

jQuery show（）在手机上闪烁

2 个答案: