スライドアウト時にウィンドウ幅が大きくならないようにする - CSS3アニメーション

Question

div要素でアニメーションを適用しています。アニメーションは、要素をビューポートにスライドさせ、再度スライドします。私の問題は、要素がビューポートを離れるとき、ウィンドウ幅が増加していることです。下のスクロールバーでそれを見ることができます。それがどうして起こるのを防ぐことができますか？私は窓がその大きさを保つことを望む。ここで

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

あなたがJSFiddle見ることができます：事前にhttps://jsfiddle.net/kh7bLdv5/5/

感謝を

は、ここに私のHTMLです！

Answer 1

bodyタグにoverflow-x: hiddenを単に追加してください。