javascript - 由于 typer.js,网站不断抖动

标签 javascript jquery html css performance

如您所见,the website I made总是上下移动,就像它在“俱乐部”部分被触发/加强一样。

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.尽管这修复了比空气球更令人恼火的震动效果。

最佳答案

如果我理解正确,您不希望气泡在没有文本时改变大小。那么为什么不为气泡设置一个高度呢?

关于javascript - 由于 typer.js,网站不断抖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47033584/

相关文章:

javascript - 获取输入隐藏字段jquery中的输入范围 slider 值

javascript - 页面刷新时更新文本框

javascript - 如何创建一个 slider 来更改主页内容以及 slider 内容并为过渡设置动画?

html - 创建响应式 HTML 表格,以便正确的单元格可以移动到底部

jquery - 如何将<th>的内容从 "Create By"修改为 "Create Date"

c# - 从后面的代码中设置的 cssClass

javascript - 使用 MongoDB/Mongoose 在 Node 中执行 HTTP POST 请求?

javascript - setState 函数未定义

javascript - ngFor 隐藏取消隐藏详细信息

javascript - 仅当该部分出现在浏览器 View 中时,jQuery 才计入目标数字