Internet explorer 在Internet Explorer 10中重置css转换

Internet explorer 在Internet Explorer 10中重置css转换,internet-explorer,css,css-transitions,internet-explorer-10,Internet Explorer,Css,Css Transitions,Internet Explorer 10,在尝试CSS转换时,我创建了一个小的滚动演示,将rightCSS样式从负数转换为0,然后在触发transitionend事件时重新启动,以获得无限滚动效果。这是我的演示文稿- 这适用于最新的FF、Chrome、Safari(win)和Opera。在IE 10(在Win 7和Win 8上测试)中,事件会激发,但尝试将正确的属性设置回它开始时的负数似乎不起作用-设置后通常保持为0(但并不总是) 为了使事情更有趣,添加console.log()或alert()通常足以让它按预期运行。这让我觉得UI层中

在尝试CSS转换时,我创建了一个小的滚动演示,将
right
CSS样式从负数转换为0,然后在触发
transitionend
事件时重新启动,以获得无限滚动效果。这是我的演示文稿-

这适用于最新的FF、Chrome、Safari(win)和Opera。在IE 10(在Win 7和Win 8上测试)中,事件会激发,但尝试将正确的属性设置回它开始时的负数似乎不起作用-设置后通常保持为0(但并不总是)

为了使事情更有趣,添加
console.log()
alert()
通常足以让它按预期运行。这让我觉得UI层中有一些未完成的东西。我试图在
setTimeout(…,0)
中包装更多的样式设置,以便渲染可以跟上,但这似乎没有帮助

这是IE 10中的一个bug,还是演示脚本中缺少了什么?

alert()。作为第二个衡量标准:触发重新喷漆或回流的东西将是下一个最好的选择:

  • 通过类属性更改切换可见性:隐藏/可见
  • 通过样式属性更改切换可见性:隐藏/可见
  • 通过CSSOM添加样式表
  • 通过显示隐藏元素:无
  • 计算
    offsetWidth
    offsetHeight
  • 触发
    滚动
    事件
  • 触发
    :将
    伪类悬停在相关元素的同级上
参考资料


我以前见过这种虫子,它们确实让人头疼。通常超时是有效的,但我想在这种情况下不行。明天我会有时间拉小提琴,所以我会在这件事上给你回复;非常奇怪!我已经将设置超时延迟增加到10-20毫秒,这对我来说很有效。几个月前我向微软提交了一个bug。我相信他们能够重现这个问题,并将其作为候选bug在下一个主要版本中修复。不幸的是,我没有进入IE 11。