【问题标题】:Text toggle animate jumps文本切换动画跳跃
【发布时间】:2025-12-19 16:05:18
【问题描述】:

我有一个问题,我不知道如何解决,因为它看起来像一个 jQuery 错误,但我不确定。我试图在我的网站头部制作一个漂亮的动画,但它失败了,2 个字母(B,S)跳下来,而动画正在进行中。我不知道为什么会这样。

有网站,我在哪里测试它: http://ihaveaproblem.brownstyle.eu/

请帮帮我,我该怎么办? 我希望你能帮助我:)

PS:这些问题只存在于 IE 和 Firefox 中。

【问题讨论】:

    标签: jquery text jquery-animate


    【解决方案1】:

    我添加了这个 CSS

    .top {
        vertical-align: top;
    }
    

    并将其应用于

    <a class="atmenetes-betu top" href="#">B</a>
    
    <a class="atmenetes-betu top" href="#">B</a>
    

    它在 FireFox 上工作

    也可以在 IE8 中使用

    【讨论】:

    • 测试了 FF 和 Chrome,但动画仍然需要工作,因为它会多次保持动画,并且动画完成后菜单按钮会下降
    • 工作正常,如果我将此行添加到 .css 文件中。但我使用了 lil' 修改:vertical-align: text-top;