duo.google.comのようなスクロール効果を作成するにはどうすればよいですか？

Question

https://duo.google.com/
ご覧のとおり、キャンバスでスクロールするのと同じです。

私はこれを行うのと同じ方法を見つけました。
https://codyhouse.co/?p=634
残念ながら、それらは同じではなく、「背景添付：固定」です。 はモバイルデバイスでは機能しません

また、私はZ-インデックスと位置設定を使用しようとしました。 しかし、いくつかの固定レイヤがオーバーレイできないために動作しません。

だから、duo.google.comで同じスクロール効果を実行するという概念や参照をお願いできますか？誰かが私を助けることを願っています。

Answer 1

これは、やりたいことにいくらか近いかもしれません。

Fiddle

電話ではない青色のボックスにオーバーフローを作るために、我々は、特に二つの性質を利用します。

1. 割り当てすべてdivscontainer内部のCSSルールposition: relative;

2. 割り当て.redのdiv、CSSルールoverflow: hidden;