javascript - 通过 JavaScript 从元素中删除 -webkit-transform

Question

我正在尝试解决这个错误:http://code.google.com/p/chromium/issues/detail?id=20574考虑执行转换，然后在通过 JavaScript 将元素定位在其结束位置时删除它。

我试过了

document.getElementById('popover').style.setProperty("-webkit-transform", "translate3d(0,0,0)")

和

document.getElementById('popover').style.setProperty("-webkit-transform", "none")

似乎没有任何效果。

如果我删除转换并手动定位元素，则固定元素会正常运行。

下面是转换本身:

#popover.open {
    display: block;
    position: relative;
    -webkit-animation: openpopup 0.2s 1;
    -webkit-animation-fill-mode: forwards;
} 
#popover.closed {
    -webkit-animation: closepopup 0.2s 1;
    -webkit-animation-fill-mode: forwards;
} 
@-webkit-keyframes openpopup {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0%, 0);
    }
}
@-webkit-keyframes closepopup {
    from {
        -webkit-transform: translate3d(0, 0%, 0);
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
    }
}

Answer 1

Javascript 对您尝试更改的 css 属性有不同的名称。它称为 WebkitTransform。

document.getElementById('popover').style.setProperty("WebkitTransform", "none"); 应该有效。