如何使用javascript創建此效果？

Question

前幾天我碰巧訪問了這個網站： -

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

任何人都可以告訴我如何創造這種很酷的效果。 我知道如何使用JQuery的localScroll水平或垂直滾動​​頁面。 但是，如果您已經看過該網頁，請仔細查看線條在背景上的運行情況。 如果有人能告訴我這個效果是如何產生的，我將非常感激:)

Answer 1

在背景上具有Alpha透明度的PNG：
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具有部分透明的背景圖像，而不是固定的。

因此，當您滾動頁面時，圖案圖像將出現在某些位置，因為其他背景圖像是透明的，從而為您提供一種動畫效果。

Answer 2

你可能想查看這篇文章：

http://flesler.blogspot.com/2007/10/jqueryscrollto.html