css - 滑出时防止增加窗口宽度 - CSS3动画

Question

我在 div 元素上应用动画。动画将元素滑入视口(viewport)并再次滑出。我的问题是，当元素离开视口(viewport)时，窗口宽度正在增加。您可以通过底部的滚动条看到它。我怎样才能防止这种情况发生？我希望窗口保持其大小。

这是我的 HTML:

<div class="x1">
    <div class="cloud"></div>
</div>

在这里您可以看到 JSFiddle:https://jsfiddle.net/kh7bLdv5/5/

提前致谢!

Answer 1

只需将 overflow-x: hidden 添加到您的 body 标签即可。