0

次のコードを使用して、jQuery を介して div (タグ) を回転させようとしています。

$(this).addClass("rotate1");

.rotate1{
-webkit-transform: rotate(1deg);
-webkit-transform-origin: 0% 0%;
-moz-transform:  rotate(1deg);
-moz-transform-origin: 0% 0%;
-o-transform: rotate(1deg);
-o-transform-origin: 0% 0%;
-ms-transform: rotate(1deg);
-ms-transform-origin: 0% 0%;
transform: rotate(1deg);
transform-origin: 0% 0%;
}

しかし、表示に問題があり、完全には表示されません。jsfiddle のコードは次のとおりです: http://jsfiddle.net/4CgPD/

この問題は、記事を jQuery でローテーションしようとした場合にのみ発生します。-webkit-transform..rotate... を使用して css クラスを割り当てると、正常に動作します。

問題は chrome で発生し、Firefox では問題なく動作しています。

4

2 に答える 2

0

ダウンしているように見えるため、今日はjsfiddleにアクセスできないため、これで問題が解決するかどうかはわかりません（504）。

クラスを追加するのではなく、javascript 内で変換を割り当てます。次に例を示します。

document.querySelector(this).style.webkitTransformOrigin = "0% 0%"
document.querySelector(this).style.webkitTransform = "rotate(1deg)"

javascript で直接変換とトランジションを実行すると、モバイル デバイスでのアニメーションがよりスムーズになることがわかりました。

于 2012-06-28T11:00:11.413 に答える
0

ベンダー プレフィックスに関しては、Chrome で二重継承の問題が頻繁に発生することに気付きました。最近、グラデーションでこの問題が発生しました。冗長に動作していた -webkit プロパティを削除する必要がありました。それはここでの問題ではないと思いますが、取り上げる価値があると思いました。

于 2012-07-02T23:54:03.833 に答える