div幻燈片更改爲另一個div使用css動畫

我有兩個div（page1 + page2）在一個容器內（也是一個div）容器溢出：hidden屬性，但當動畫啓動時溢出配置被忽略。此外，上頁面移動時應該顯示的頁面不會出現。div幻燈片更改爲另一個div使用css動畫

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

來源

2016-06-24 Ortal Blumenfeld Lagziel

也許你應該讀作[當有人回答我該怎麼辦我的問題？]（http://stackoverflow.com/help/someone-answers）和[如何接受答案的工作？]（http://meta.stackexchange.com/questions/5234/how-does-accepting-的回答工作） –

要強制容器隱藏溢出，你需要做出絕對定位了。

你沒有看到下面的頁面的原因是因爲兩個內部div都給予動畫類，所以兩者都做同樣的事情。我不知道你想要的結果是什麼，但這裏的第2頁動畫的一個例子離開第1頁的下方，通過移除動畫類關閉第1頁實現：https://jsfiddle.net/n40yd901/

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

來源

2016-06-24 22:04:44 Ian

div幻燈片更改爲另一個div使用css動畫

回答

相關問題