1

私はtheverge.comのフローティングヘッダーが本当に好きです。下にスクロールすると、ヘッダーは上に固定されたままになり、特定のポイントまで下にスクロールすると、Vergeのロゴが表示され、上にズームできます。

同様のヘッダーを再現するにはどうすればよいですか？HTMLとCSSだけで再現できますか？

4

1 に答える 1

2

CSSでこれを試してください

.fixedHeader {
    position:fixed;
    top: 0;
}

jQueryで作成する必要のある小さなボタン。したがって、ボタンをいつ表示するかを知るには、プロパティscrollTopを確認する必要があります。ボタンをクリックすると、jQueryを使用してscrollTop-propertyをゼロ（0）に.animate（）する必要があります。

デモ

そしてここに小さなボタンとクリックイベントがあります：

デモ

于 2013-01-07T19:35:53.583 に答える