0

私が達成しようとしているのは、コンテナーのサイズを 2 倍にし、スライドとして機能する 2 つの div をホストする div を含むボックスです。ボタンは単にラッパーの左側をアニメーション化し、スライド効果を作成します。これはhtmlです:

<div class="generic-container">
    <div class="button">
        next
    </div>

    <div class="wrapper">
        <div class="newsbox first">

            news hey

        </div>

        <div class="newsbox second">

            news

        </div>

    </div>

    <div class="button2">
        back
    </div>
</div>

すべてが機能しますが、アニメーション効果は Firefox でのみ表示されます。Webkit も chrome も ipad もありません。Firefox だけです。私は何時間も頭を叩いていましたが、何が間違っていたのだろうと思っていました.

ここで実際の例を見ることができます(説明するよりも見る方が簡単です): http://jsfiddle.net/omegaiori/Qys8W/

jsに何か問題があると思われます。どう思いますか?

どうもありがとう!

4

1 に答える 1

1

CanIUse.comtransformに従って、関連するキーフレーム内に関連するベンダー プレフィックスを追加します。

-webkit-transform: translate3d(-50%, 0, 0);

デモはこちら

于 2013-10-24T14:24:28.783 に答える