typer.jsのためウェブサイトが連続的に揺れる

Question

ご覧のとおり、the website I madeは、「The Club」セクションでトリガー/強化されるように、常に上下に移動します。

それはtyper.js effectに何か持っている - 主にspan .cursor：誰もが同様の前に、この問題が発生しました

<div class="bubble1"> 
    <span class="typer" id="main" data-words="Vandaag lopen?" data-colors="white" data-delay="100" data-deletedelay="1000" style="color: white;">Vanda</span> 
    <!-- THIS ONE KILLS IT--> <span class="cursor" data-owner="main" style="transition: all 0.1s; opacity: 0;">_</span> 
</div> 

を？あなたはどうやってそれを修正しましたか？

これを修正する唯一の方法は、span .cursorを削除しますが、その後にテキストのバルーン/バブルが空になります。どうすれば回避できますか？私はsecond example here.をアップロードしましたが、それは空の風船をより刺激する揺れ効果を修正します。

Answer 1

私が正しく理解している場合は、テキストがないときにバブルのサイズを変更したくありません。なぜバブルの高さを設定しないのですか？