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

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

1 个答案: