网站因typer.js而不断震动

Question

正如你所看到的，我创建的网站总是上下移动，就像它在‘俱乐部’部分被触发/强化一样。

这与typer.js效应有关--主要是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，但是当文本气球/气泡空了，我怎么才能绕过它呢？我已经上传了一个这里的第二个例子。，虽然这修复了震动的效果，这比空气球更刺激。

Answer 1

如果我正确理解，你不希望泡沫改变大小时，没有文字。那么，为什么不为泡沫设定一个高度呢？