使用 jquery blivesta animsition 添加页面转换而不是 link 转换

Question

我正在使用 blivesta 动画添加页面转换。但问题是我现在有一个 link 过渡，谁能帮我创建一个页面过渡而不是 link 过渡。我不知道怎么弄。

<div
class="animsition"
data-animsition-in-class="fade-in-up"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out-up"
data-animsition-out-duration="800"
>
<a href="menu.html">Volgende</a>
</div>

http://codepen.io/melissabos18/pen/eJJdZm?editors=101

Answer 1

添加一个class animsition-link到link。

CodePen 示例： http://codepen.io/grrtbrtr/pen/addmyB

HTML:

<div class="container animsition" data-animsition-in-class="fade-in-up" data-animsition-in-duration="1000" data-animsition-out-class="fade-out-up" data-animsition-out-duration="800">
  <div class="test">
    <a href="#" class="animsition-link">volgende</a>
  </div>
</div>

使用 jquery blivesta animsition 添加页面转换而不是 link 转换

add page transition instead of link transition using jquery blivesta animsition

jquery

html

css

animsition