economist.comは固定ヘッダをどのように実装していますか？ jQuery？

Question

エコノミストのウェブサイトの記事に行くと。たとえば、次のように

http://www.economist.com/node/17629757

あなたが特定のポイント（PAGEDOWNボタンでまたはインクリメンタルDOWNARROWキーでスクロールしてのいずれか）を過ぎてページを下にスクロールすると、赤い粘着性のヘッダが表示されます。

jQueryですか？

どのように実装されていますか？

Answer 1

エコノミストは、ページ上にスティッキーヘッダーと他のいくつかの機能を含むサービスAptureを使用します。 （ヘッダーには「aptureD」というIDがあるので、私はグーグルを始めました。）正確なヘッダーが必要な場合は、そのサービスを使用できます。

Answer 2

コンテンツは、JavaScript経由で追加されたもので、ちょうどposition：固定です。

Answer 3

これを実現するには、position:fixedとposition:absoluteの2つの方法があります。 最初のものは非常に基本的なもので、スライディングアニメーションを取得することはできません。 2つめはあなたの例で使われているものです。ここにはtutorialがあり、demoとsourceがあります。

Answer 4

Aptureを使用してカスタムの固定ヘッダーを作成することができます。 exampleを見てください。