2

我安装了WOW.js（主版本）。它适用于除徽标以外的任何内容。

当我将任何过渡应用到我的网站徽标时（在导航栏内，在视口顶部），我有这种行为：

  • 照原样，它不起作用。带有 wow 类的徽标不可见，加载页面后我得到了这个 HTML。

    <span class="t2g-logo animated wow fadeInDown" style="visibility: hidden; animation-name: none;">2</span>

  • 当我放置一个 padding-top >= 0.4 em时，它按预期工作，并且在加载页面后我得到了这个 HTML。

    <span id="t2g-logo-2" class="t2g-logo wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">2</span>

我的标记很简单：

<a class="navbar-brand" href="/">
      <span class="t2g-logo">Trip</span>
      <span class="t2g-logo wow fadeInDown">2</span>
      <span class="t2g-logo wow fadeIn">Go</span>
</a>

WOW 的初始化在 \ 里面是这样的：

<script>
    new WOW().init();
</script>

任何帮助表示赞赏！

我创建了一个小提琴来重现它：http: //jsfiddle.net/andreav/9n74Le1t/

尝试将 padding-top 增加到 0.4em，它将开始工作。

4

0 回答 0