滚动时无法修复Chrome中的变换闪烁

时间:2014-11-25 09:43:52

标签: css google-chrome css-transforms

我正在开发一个用于与表交互的插件(拖动,调整大小等)。我正在使用CSS转换来使标头变得粘稠。 Firefox有一个非常流畅的滚动,但Chrome没有。这很古怪。我有一个选项,允许表在容器内滚动。当它打开时,或者如果表位于iframe内(如下例所示),一切都很顺利。但是当容器是窗口时,它就不再光滑了。

iframe示例,全部流畅:http://fiddle.jshell.net/gcb3fyf5/7/show/

没有框架,没有光滑:http://fiddle.jshell.net/gcb3fyf5/7/show/light

我尝试了很多我在这里找到的技巧,例如:

  • 背面隐藏可见性
  • 3d transform / translateZ(0)
  • webkit-perspective = 1000

编辑:我有两张桌子。第二个导致闪烁,第一个永远不会。

0 个答案:

没有答案