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");应该管用。