html - ヘッダー視差スクロールの修正

Question

視差スクロールを使用して固定ヘッダーを作成する方法を見つけようとしています。各セクション (記事) には、スライドの先頭でスライドアップする独自の固定ヘッダーが必要ですが、新しいセクションが導入されるまで一番上で停止します。

そして、新しいセクションごとに、新しいセクションが導入されるまで、個別のタイトルを左上にフロートさせようとします。Facebook の固定ヘッダーと同じ概念ですが、各パララックス スライド中にのみ表示されます。

ありがとう！

Answer 1

jqueryWaypointsプラグインを使用することをお勧めします。このサンプルは、 http：//imakewebthings.com/jquery-waypoints/sticky-elements/に必要なものである可能性があります。セクションに到達したとき、またはビューポートから出たときに、特定のイベントを作成できます。