divスライドがCSSアニメーションを使用して別のdivに変更されます

Question

コンテナ内に2つのdiv（page1 + page2）があります。 コンテナにはoverflow：hiddenプロパティがありますが、アニメーションの開始時にオーバーフローの設定は無視されます。 さらに、上位ページが移動したときに表示されるはずのページは表示されません。

https://jsfiddle.net/ok0hpw3s/

<div class="container"> 
      <div class="page1 animation">11111fwefew</div> 
      <div class="page2 animation">2222fewefw</div> 
</div> 

Answer 1

オーバーフローを隠すために、コンテナを強制するために、あなたは絶対にあまりにも配置することを確認する必要があります。

下にページが表示されない理由は、両方の内部divにアニメーションクラスが指定されているためです。両方ともまったく同じことをしています。私はあなたの望ましい結果が何であるかはよく分からないが、ここでのPage1オフアニメーションクラスを削除することによって達成下のPage1を残すPAGE2のアニメーションの例では、です：https://jsfiddle.net/n40yd901/

<div class="container"> 
    <div class="page1">11111fwefew</div> 
    <div class="page2 animation">2222fewefw</div> 
</div>