スクロール中にページを通る要素の先頭に近づく

Question

要素（ある下のスケッチの赤い部分）をそれぞれ所定の方法でページに移動させる必要があります（コンテンツと衝突しないように） 。ボックスは、ユーザーがスクロールしている間、指定されたパスに沿って移動する必要があります。

要素の位置を左上隅に固定し、スクロールしながら水平軸に沿って移動しようとしました。しかし、私はこれが最善の解決策ではないと思うし、コードはかなり醜いです。

私もskrollr視差フレームワークでこれを解決しようとしましたが、これは不可能です。ここで

は、私が達成しようとしているもののスケッチです：

だから、これを解決するための最良の方法は何ですか？

編集： 私はここに似た何かを持っているページへのリンクです達成しようとしているものの良いアイデアを取得するには、次のページでは信じられないほどクールであることをhttp://rit-team.ru/

Answer 1

を...

あなたがパスをプリセットしたい場合（元のように）、プリンシパルはかなり簡単です。 'チェックポイント'の配列、基本的にはx座標を定義します。その後、垂直スクロールオフセットをその配列のインデックスとして使用し、それに応じて移動する要素の位置を設定します。

任意のサイズの要素を「周り」にしたい場合は、わかりません。これらの人は彼らの努力のためにデザイン賞を受賞したので、私はそれが公園の散策ではないと推測しています。