私が達成しようとしているのは、コンテナーのサイズを 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に何か問題があると思われます。どう思いますか?
どうもありがとう!