IE10 过渡无法正常工作

Question

我正在创建一个滑块，它将框移动到 left/right。它在 Chrome 和 FireFox 上完美运行。但是在IE10上，向左移动后是这样的：

看来动作有些跳跃。右边框有多个小副本（不知道怎么形容）。

我的 SASS 是这样的：

@include transition-timing-function(cubic-bezier(0.1, 0.57, 0.1, 1))
@include transition-duration(500ms)

点击left/right按钮后，JavaScript着手的是：

$scroller.css({
    'transform': "translate(-" + scrollLeftPosition + "px, 0px) translateZ(0px)"
 });

咨询MDN，好像IE10支持属性transform。如何解决？谢谢。

Answer 1

看来是IE页面渲染的问题。通过在动画之后稍微改变宽度临时解决了这个问题（这样浏览器会重新渲染视图）：

$slider.width(viewWidth + 1);
$timeout(function () {
    $slider.width(viewWidth);
}, 600);

IE10 transition not working properly