0

刚刚支付了商业许可证并尝试遵循文档但无法使动画正常工作

我正在使用 Laravel 5.4 和 Vue 2

<head> 
  <link rel="stylesheet" href="/css/animate.min.css" />
</head>

<body>
  <div id="app">
     @yield('content')
  </div>
  <script src="/js/app.js"></script> // vue file
  <script src="/js/wow.js"></script> 
  <script>
    var wow = new WOW();
    wow.init();
    console.log(wow); // works fine 
  </script>
</body>

// content 
@extends('layouts.app')
@section('content')
   <div class="wow slideInLeft"> // not working 
      <p>Test</p> // not working when applied here either
   </div>
@stop

我哪里错了？

更新，哇正在应用于我的 Vue 组件，但不是本机 html 标签。

似乎 style="visibility: hidden;" 没有被覆盖。

// Vue component with working wow animation
// this component is on the same page where I want to apply wow to native html 
    <template name="test">
      <p class="wow bounceIn>Test</p> // works
    </template>
4

1 回答 1

0

wow.js 发生在页面加载而不是滚动时

我正在使用 CSS 应用高度和宽度约束删除这些使其工作

于 2017-03-23T18:07:12.167 回答