Google chrome Animate.css与Chrome冲突
我对animate.css中的动画有问题 从右侧进入的每个动画都会扩展我的容器。这只发生在chrome中,并且只发生在右侧的动画中。有人知道解决办法吗 以下是实际操作中的问题:Google chrome Animate.css与Chrome冲突,google-chrome,animate.css,Google Chrome,Animate.css,我对animate.css中的动画有问题 从右侧进入的每个动画都会扩展我的容器。这只发生在chrome中,并且只发生在右侧的动画中。有人知道解决办法吗 以下是实际操作中的问题: 例如,您应该执行以下操作: html: 使用“container”类div的规则“overflow:hidden”会将动画的水平滚动从右侧移除。这确实有效,但这是一个丑陋的解决方法,因为动画只在容器中运行,而不是整个页面。然后,动画对象出现在页面的中间。容器应该在正文中,容器添加宽度:100%溢出,例如隐藏,但是我的容器
例如,您应该执行以下操作: html:
使用“container”类div的规则“overflow:hidden”会将动画的水平滚动从右侧移除。这确实有效,但这是一个丑陋的解决方法,因为动画只在容器中运行,而不是整个页面。然后,动画对象出现在页面的中间。容器应该在正文中,容器添加宽度:100%溢出,例如隐藏,但是我的容器不是100%宽度(不能)。我想这就是问题所在。也许这是由引导(我在这里使用)引起的。或者我必须再使用一个包装器吗?是的,你必须有两个包装器,例如第一个包装器->溢出:隐藏和宽度:100%,第二个包装器可以是宽度,在第二个包装器内放置带有动画bounceInRight的元素。如果你愿意,给我发一个使用“jsFiddle”的代码示例,哈,我终于找到了。谢谢你,伙计。
<div class="container">
<img src="../" class="animated bounceInRight" />
</div>
.container {
overflow: hidden;
}