Question

刚支付商业许可费并试图关注文档，但无法让动画工作

我正在使用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标签。

似乎风格=＆＃34;可见性：隐藏;＆＃34;没有被覆盖。

// 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>

Answer 1

wow.js happens on page load and not on scroll

我正在使用CSS应用高度和宽度限制删除这些使它工作

wow.js，适用于Vue组件但可见性：隐藏;没有被原生html覆盖

1 个答案: