在尝试使用CSS过渡效果时,我创建了一个小的滚动演示,将
为了让事情更有趣,添加
这是IE 10的一个bug,还是我在演示脚本中漏掉了什么?
right
CSS样式从一些负数转换为0,然后在transitionend
事件触发时重新启动,以获得无限滚动效果。这是我的演示Fiddle - http://jsfiddle.net/XhFdv/
这在最新的FF、Chrome、Safari(win)和Opera中都可以工作。在IE 10中(在Win 7和Win 8上测试),事件被触发,但尝试将right属性设置回它开始的负数似乎不起作用 - 它经常保持在0之后被设置(但不总是)。为了让事情更有趣,添加
console.log()
或alert()
通常足以使其按预期运行。这让我觉得UI层还有未完成的东西。我试图在setTimeout(..., 0)
中包装更多的样式设置,以便渲染能够追赶上来,但似乎没有帮助。这是IE 10的一个bug,还是我在演示脚本中漏掉了什么?