Переход IE10 не работает должным образом

Question

Я создаю слайдер, который будет перемещать коробки влево/вправо. Он отлично работает на Chrome и FireFox. Но на IE10, после перемещения влево, это как:

Похоже, что перемещение является нервным. На правой границе есть несколько небольших копий (не уверен, как описать.).

Мои SASS, как:

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

После нажатия кнопки влево/вправо, то JavaScript делает этот шаг:

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

Консалтинг MDN, кажется, что свойство transform поддерживается IE10. Как его решить? Благодарю.

Answer 1

Похоже, проблема в рендеринге страницы IE. Temply решила проблему, слегка изменив ширину после анимации (так, чтобы браузер повторно отобразил представление):

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