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

Question

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

这是我的HTML：

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

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

提前致谢！

Answer 1

只需将overflow-x: hidden添加到您的正文标记。