0
A
回答
1
我找到答案从Ikbel有用
How to display and transition when scroll position reaches element position in the screen?
你可以用它加入了结合inViewport的窗口滚动事件元素自定义指令实现这一目标要动画。
我添加的数据转换到的HTML我想动画
<div v-vpshow data-transition="flipInX"><div>
元素和更改绑定这样
el.$onScroll = function() {
if (binding.def.inViewport(el)) {
el.classList.add('animated')
el.classList.add(el.getAttribute('data-transition'))
el.classList.remove('before-enter')
binding.def.unbind(el, binding)
}
}
相关问题
- 1. 动画上滚动页面
- 2. 如何实现动画效果
- 3. 动画效果recyclerview滚动
- 4. 如何实现页面间的动画
- 5. 如何在Xamarin Android中实现无限的滚动动画效果?
- 6. 如何在ios启动画面上实现mp4动画?
- 7. 实现滚动图像效果?
- 8. 安卓:页面卷曲动画效果
- 9. 精美的自动滚动页面,加上“弹簧”效果
- 10. 将动画滚动到滚动上的特定页面位置
- 11. 如何在Silverlight中实现“滚动”效果?
- 12. iOS的 - 如何实现粒子动画般的效果在iOS
- 13. 动画效果枢纽的滚动
- 14. 画布页面上的空滚动条?
- 15. 如何在离子中给页面动画效果?
- 16. 在页面上滚动时菜单悬停效果
- 17. 如何在uiscrollview上滚动页面?
- 18. 如果页面滚动,CSS浮动:
- 19. 如何在OSX桌面上创建动画涟漪效果
- 20. 我如何在iPhone中实现动画和滚动菜单栏
- 21. 如何在滚动上动画div?
- 22. 如何通过在一段文字上使用JavaScript实现动画效果?
- 23. topScroll动画阻塞页面滚动jquery
- 24. JQuery页面滚动动画框架
- 25. 页面动画 - 滚动文本
- 26. 如何实现离子协调器布局滚动效果?
- 27. 如何实现这种背景滚动效果?
- 28. 您将如何实现LED滚动效果?
- 29. 如何使用Anuglar 2动画实现翻转效果?
- 30. 如何正确加载html5页面与出滚动效果android