jquery - 使用CSS动画将div幻灯片更改为另一个div

我在容器(也是一个 div)内有两个 div(page1 + page2) 容器具有 overflow:hidden 属性，但是当动画开始时，溢出配置将被忽略。而且上页移动时应该显示的页面没有出现。

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

最佳答案

要强制容器 overflow hidden ，您还需要使其绝对定位。

您看不到下面页面的原因是因为两个内部 div 都被赋予了动画类，所以它们都在做完全相同的事情。我不确定你想要的结果是什么，但这里有一个 page2 动画的例子，将 page1 留在下面，通过从 page1 中删除动画类来实现:https://jsfiddle.net/n40yd901/

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

关于jquery - 使用CSS动画将div幻灯片更改为另一个div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38022562/

相关文章：

css - 将宽度应用于 :first-line