0

我在升级到最新版本的 bxSlider (v4.1) 时遇到了这个问题。新版本是响应式的，因此用于transform在幻灯片之间切换，而不是使用left属性的旧方式（在 v3.x 中使用）。

我在这里创建了一个演示：http: //jsfiddle.net/SXZjV/

在 Safari 5 中查看时，悬停在块上不会做任何事情。但是，当通过检查器禁用时-webkit-transform: translate3d(0px, 0px, 0px);，动画效果很好。

有没有办法让这两种变换和谐地工作？

非常感谢。

Ps 我还没有在 Safari 6 中测试这种行为，因为我目前正在运行 Snow Leopard。

4

1 回答 1

2

在 Safari 5.1.9 中对我来说也是如此。我管理 CSS 动画工作的唯一方法是使用包含的“jQuery easing”：

 $('#bxslider').bxSlider({
      useCSS: false,
      easing: 'easeInBack' //Or other animation http://gsgd.co.uk/sandbox/jquery/easing/ 
  });

PS顺便说一句，它适用于Safari 6（Mountain Lion）

于 2013-06-06T08:52:16.353 回答