html - 如何使用 Scott Kellum 的视差

Question

我一直在整个 Internet 上寻找有关使用 Scott Kellum 的视差技术的教程，但没有找到。我在 CodePen 上看过他的示例，但我一直无法弄清楚如何在页面上正确定位和调整元素大小。

假设我有如下几个简单的部分:

<div id="section1"></div>
<div id="section2"></div>
<div id="section3"></div>
<div id="section4"></div>

在每个部分中我都有一些内容(可以是任何 HTML)。我将如何使用 Kellum 的技术使背景“重叠”？我正在寻找有关实际使用该技术的教程。谢谢!

Answer 1

这不是一个很好的答案，但如果您想要一种相当简单的视差方法，请查看 skrollr。您所要做的就是链接源并对其进行初始化，之后就像向元素添加参数一样简单。还有一个非常好的教程，如果您只在 Google 上搜索 skrollr，它将成为 HitTest 门的教程之一。