Scroll To Top Then Fixed Navigation Effect With jQuery and CSS

JavaScript

スクロールすると上部にナビゲーションが固定される「Scroll To Top Then Fixed Navigation Effect With jQuery and CSS」

Scroll To Top Then Fixed Navigation Effect With jQuery and CSSは、スクロールすることでナビゲーションが上部に固定される機能を実装することができます。jQueryとCSSが使われています。

Scroll To Top Then Fixed Navigation Effect With jQuery and CSS

デモ

デモページを読み込むと、最初は画面下部にナビゲーションが表示されていますが、下へスクロールしていくと、それと同時にナビゲーションが上がってきます。その後、一番上まで上がるとそこでナビゲーションが固定されるという仕組みです。

上部にナビゲーションが固定されることで、いつでも好きなときに手軽に各メニューへアクセスできるのでユーザーにとっては便利ですね。

使い方に関してもシンプルでとてもわかりやすいと思います。

というわけで、下へスクロールすることでナビゲーションが上部に固定される機能を実装したいという方は、ぜひScroll To Top Then Fixed Navigation Effect With jQuery and CSSを活用されてみてはいかがでしょうか?

Scroll To Top Then Fixed Navigation Effect With jQuery and CSS

Text Scramble Effectテキストをスクランブルしながら表示していく「Text Scramble Effect」前のページ

レスポンシブに対応した垂直タイムライン「Building a Vertical Timeline With CSS and a Touch of JavaScript」次のページBuilding a Vertical Timeline With CSS and a Touch of JavaScript

関連記事

  1. jQuery Accordion
  2. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  3. JavaScript

    リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」

    ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を…

  4. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  5. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  6. OverlayScrollbars

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP