IE10过渡不正常

时间:2015-11-05 02:40:55

标签: css internet-explorer css-transitions transform

我正在创建一个滑块,可以向左/右移动框。它适用于Chrome和FireFox。但是在IE10上,向左移动后,就像是:

enter image description here

看起来移动是跳跃的。右边框有多个轻微的副本(不知道如何描述。)。

我的SASS就像:

transform

点击左/右按钮后,进行移动的JavaScript是:

myMyThingySomething()

咨询MDN,似乎IE10支持属性mySomething<MyThingy>()。怎么解决?感谢。

1 个答案:

答案 0 :(得分:0)

似乎问题是IE页面呈现。通过在动画后稍微改变宽度来缓解问题(以便浏览器重新渲染视图):

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