gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 11:42:43 26 4
gpt4 key购买 nike

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

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

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

这是 IE 10 中的错误,还是我在演示脚本中遗漏了什么?

最佳答案

alert() 起作用是因为它会阻止脚本执行。作为次要措施:触发重绘或回流的东西将是下一个最好的东西:

  • 通过类属性更改切换可见性:隐藏/可见
  • 通过样式属性更改切换可见性:隐藏/可见
  • 通过 CSSOM 添加样式表
  • 通过display:none隐藏一个元素
  • 正在计算 offsetWidthoffsetHeight
  • 触发滚动事件
  • 在相关元素的兄弟元素上触发 :hover 伪类

引用资料

关于internet-explorer - 在 Internet Explorer 10 中重置 css 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15348776/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com