Javascript js和CSS视差滚动

Javascript js和CSS视差滚动,javascript,css,parallax,Javascript,Css,Parallax,我最近使用Keith Clark的纯CSS视差教程建立了一个页面,并为动画元素添加了WOW.js。加载时放置在视口中可见的页面顶部的元素可以正常工作,但任何应该在窗口位置触发的添加适当类别的wow和所需动画的操作都不起作用 还有其他人经历过这个问题吗?3d变换和绝对定位元素是否需要使用不同的方法来触发动画 Fiddle--我在尝试通过CDN导入animate.css时遇到了问题。小提琴中的JS是wow.JS <div class="title wow fadeIn" data-wow-de

我最近使用Keith Clark的纯CSS视差教程建立了一个页面,并为动画元素添加了WOW.js。加载时放置在视口中可见的页面顶部的元素可以正常工作,但任何应该在窗口位置触发的添加适当类别的wow和所需动画的操作都不起作用

还有其他人经历过这个问题吗?3d变换和绝对定位元素是否需要使用不同的方法来触发动画

Fiddle--我在尝试通过CDN导入animate.css时遇到了问题。小提琴中的JS是wow.JS

<div class="title wow fadeIn" data-wow-delay="1s">Base Layer</div>
...
  <script>
new WOW().init();
</script>

我对这里的问题感到困惑。当我看小提琴时,它的工作原理和基思·克拉克的演示一样。应该有什么不同?Wow.js动画-标题淡入,等等。在小提琴上根本不起作用可能是@import规则不适用于animate.css,但适用于实时站点,js动画只处理页面加载时视口中可见的内容。任何应根据窗口位置触发的动画都不会触发。CSS 3D转换会影响窗口定位吗?嗨@user3366357你找到解决这个问题的方法了吗?