2011-07-15 5 views
0

可能性の重複:
Swap CSS class on the basis of Scroll Position with JavascriptGoogleは新しいスタイルのツールバーにどのようなスタイルを使用しましたか?

だから、テーマに行くと、あなたがGmailに新しいレイアウトを見ることができるプレビュー]を選択した場合。それは、あなたのアーカイブ、スパム、削除、移動などのボタンを持っているツールバーを持っています。検索メールセクションの下の静的な場所から開始しますが、一度スクロールするとページの上部にそのまま残ります。 (逆の場合もあります)

divの部分は、ページの先頭に残しておきますが、静的な場所で始まり、他の部分と同様にスクロールしてから一度スクロールすると終了しますトップに残ります。

これがどのように行われたか考えてみましょうか?

+1

@Mattボール@その上チュートリアルでは、リンクにその場合の同じ具体的な質問を与えることができますか?ありますか –

+1

[Javascriptでスクロール位置に基づいてCSSクラスをスワップする]の可能な複製(http://stackoverflow.com/questions/1548765/swap-css-class-on-the-basis-of-scroll-position-with- javascript)とhttp://stackoverflow.com/questions/6396133/element-floats-according-to-scrollおよびhttp://stackoverflow.com/questions/2593245/holding-scroll-position-of-a-div-tag -as-page-refreshesとhttp://stackoverflow.com/questions/2249557/using-a-simple-jquery-script-to-have-a-div-follow-the-page-on-scroll –

+0

@Matt Ballありがとう、4つのうち2つは私が探していたものでした –

答えて

1

JavaScriptを使用して、ページがスクロールされるときに要素がページの先頭にあるタイミングを判断するのがトリックです。そうであれば、それを固定位置にするクラスを適用します。

http://jqueryfordesigners.com/fixed-floating-elements/

0

単純なことですが、特定のポイントを超えてページがスクロールされている場合は、要素position:fixedにjavascriptを使用してください。 Firebugや他のブラウザの開発ツールを使って要素を調べてみてはどうでしょうか?

関連する問題