如何修复chrome渲染/震动动画问题？

Question

这是一个从hnav打开的抽屉 - 我在jquery中使用了slidingown函数

  

$（ “hnavDrawerWr”）。了slideDown（函数（）{

也有人建议，我也包括

  

-webkit-backface-visibility：hidden;

但我仍然使用Chrome浏览器获得此效果。

Answer 1

尝试退出chrome，它可能是chrome。

否则请尝试web animation s并为高度设置动画。

var player = document.timeline.play(new Animation(document.querySelector('.hnavDrawerWr', [
        {transform: "scaleY(0)"},
        {transform: "scaleY(1)"}
    ]
));