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.adaptive-backgrounds.js
  2. Macy.js

    JavaScript

    軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」

    Macy.jsは軽量なグリッドレイアウトを実装することができる便利なJ…

  3. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  4. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

  5. no-image
  6. jQuery_Overlay_Menu

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP