如何使用javascript创建此效果？

Question

前几天我碰巧访问了这个网站: -

http://www.peter-pearson.com/

任何人都可以告诉我如何创造这种很酷的效果.我知道如何使用JQuery的localScroll水平或垂直滚动​​页面.但是,如果您已经看过该网页,请仔细查看线条在背景上的运行情况.如果有人能告诉我这个效果是如何产生的,我将非常感激:)

Answer 1

PNG 具有 alpha 透明度，背景：
http://www.peter-pearson.com/images/flow5.png
http://www.peter-pearson.com/images/stripey1.jpg

[编辑]

它并不是真正的动画，而是一个基于透明度的小技巧。
想象一下以下 HTML：

<div class="div1">
    <div class="div2">
    </div>
</div>

div1 具有条纹图案背景图像，位置固定，因此当您滚动时它会移动。
div2 具有部分透明的背景图像，未固定。

所以当你滚动页面时，图案图像会出现在某些地方，因为其他背景图像是透明的，给你一种动画效果。