上下滚动Javascript上的动画

嘿，我正在尝试复制上的滚动动画。我试过ScrollMagic和Wow.js，但我遇到了很大的困难。我找到了用于检测用户滚动方向的普通代码，但这有一些问题。如果我设置了一个on-scroll监听器，当用户滚动时，它将为页面上的每一件事情设置动画。任何帮助都将不胜感激，谢谢

---

编辑：我指的是标题下的图像动画。（网格中的那些。）

我是堆主题开发人员之一（PHP开发人员，对你来说很不幸），我可以告诉你，我的同事Razvan Onofrei创建了一个jQuery插件，名为“灵感来自于开发”

---

有了这个库，您应该能够复制Pile的行为。

我是Pile主题的开发人员之一（不幸的是，对您来说是PHP开发人员），我可以告诉您，我的同事Razvan Onofrei创建了一个名为inspired by the development of the

---

使用此库，您应该能够复制Pile的行为。

Block

.item

从滚动条以3倍的速度滚动。全屏显示

window.onscroll=function（）{
var posTop=（window.pageYOffset！==未定义）？window.pageYOffset:（document.documentElement | | | document.body.parentNode | | document.body）.scrollTop；
document.getElementById（'item'）.style.top=1000-parseInt（posTop*3）+'px'；
}

正文{
高度：200vh；
位置：相对位置；
}
#项目{
宽度：200px；
高度：200px；
位置：绝对位置；
顶部：1000px；
背景色：红色；
}

---

阻止

。项目

从滚动条以3倍的速度滚动。全屏显示

window.onscroll=function（）{
var posTop=（window.pageYOffset！==未定义）？window.pageYOffset:（document.documentElement | | | document.body.parentNode | | document.body）.scrollTop；
document.getElementById（'item'）.style.top=1000-parseInt（posTop*3）+'px'；
}

正文{
高度：200vh；
位置：相对位置；
}
#项目{
宽度：200px；
高度：200px；
位置：绝对位置；
顶部：1000px；
背景色：红色；
}

---

请分享你的代码，没有它很难帮助你。检查这个@AndreyFedorov这是视差吗？这是一个简单的例子。只需使用js上计算的位置。你需要悬停效果吗？请分享你的代码，没有它很难帮助你。检查这个@AndreyFedorov这是视差吗？这是一个简单的例子。只需使用js上计算的位置。你需要悬停效果吗？