如何在页面滚动上实现动画？

Question

当用户滚动浏览网页时，如何触发动画css？

是否出现v-show =“element”，触发x？

使用Vue 2 + animate css

Answer 1

我发现Ikbel的答案很有用

How to display and transition when scroll position reaches element position in the screen?

您可以使用自定义指令实现此目的，该指令将用于窗口滚动事件的绑定inViewport添加到您想要设置动画的元素。

我添加了数据转换到我要动画的html元素

FixBaseFont.fixBuiltinFonts()
ITextRenderer renderer = new ITextRenderer()

并改变了这样的绑定

<div v-vpshow data-transition="flipInX"><div>