javascript - 多层视差背景

标签 javascript jquery html parallax

我正在寻找像这样的视差效果。

https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27

但是,我不太理解其中使用的所有花哨的东西/脚本,例如 HAML 和 Coffeescript。

如何使用简化的 JavaScript/jQuery 和 HTML 来做到这一点,让视差只是页面顶部的插图与整个页面的视差?

最佳答案

这个例子可能是最清晰的例子之一,如果你导出最终的codepen,原始的html、css和javascript就可以供你学习。另外,还有一个很好地解释了 javascript 方面的内容。 http://www.javascriptkit.com/dhtmltutors/parallaxscrolling/

关于javascript - 多层视差背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43289826/

相关文章:

javascript - 获取 <img/> 的绝对路径

php - 通过 javascript/jquery 运行 php sql 查询来隐藏条目

javascript - NaN 值在按下 Tab 键或存在 onclick 功能时自动输入

javascript - 为什么 jquery 点击事件没有触发?

javascript - 如果他们有父类,则隐藏类

html - 为响应式布局发布混合 px 和 %

javascript - 使用下一个和上一个按钮(如轮播)创建菜单列表

javascript - React - 将数据从 Axios req 传递到另一个组件

javascript - TinyMCE,允许数据属性

javascript - 为什么 1. 当我尝试使用 javascript 和 html5 获取输入类型数字的值时返回空字符串?