スクロールダウン時にマークを残す方法は？

Question

画像に示すように、下にスクロールすると、痕跡を残す虹を作るにはどうしたらいいですか？明確にするために

Answer 1

あなたは下にスクロールすると、歩道では、スクロールダウンすると、出発点は、ブラウザウィンドウに高くなると仮定すると、ページを下に移動しますか？スクロールするとどうなりますか？

これを行う1つの方法は、1pxの高バックグラウンド画像を使用してレインボーを作成し、CSS background-repeat: repeat-yを設定し、過去にスクロールする距離に基づいて、ユーザーがスクロールするときにJavascriptを使用して要素の高さを増減させることですトレイルの開始位置。