javascript - 在同一网页上结合垂直和水平视差滚动

标签 javascript jquery css parallax

有谁知道如何在单个网页上结合垂直和水平视差滚动,就像在这个交互式简历中一样?

http://www.rleonardi.com/interactive-resume/

他似乎无缝地从垂直滚动过渡到水平滚动,再回到垂直滚动,所有这些都带有视差效果。任何帮助将不胜感激!

注意:我确实注意到一个潜在的提示:在网页的某些部分,如果向后滚动,过渡会变得非常不和谐而不是平滑。

最佳答案

我有一段时间没有处理视差了,但是当我处理时我使用了滚动魔法。

这里有一个例子的链接,里面有你要找的东西

scrollmagic.io

关于javascript - 在同一网页上结合垂直和水平视差滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48677212/

相关文章:

javascript - 如何设置限制th :each loop in HTML

jquery - 寻找一个类似 “swing” 的 easing 可以用 jQuery 和 CSS3 表达

javascript - 如何映射对象数组并更改样式?

jquery - 验证 nicedit 表单文本区域

css - 如何使用CSS将图像固定在文本之上

javascript - 非阻塞函数返回后的 Node.js 回调处理

javascript - 可以在 DOM 元素中禁用回发吗?

php - 我们可以使用 php 或 javascript 跟踪客户端的 ip 地址吗

javascript - 是否可以使用 jquery 或 javascript 更改没有 id 或类的 div 的样式?

javascript - 从react调用javascript方法