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

関連記事

  1. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  2. Animate Transition
  3. Responsive Multi Menu
  4. Effect Ideas for Card Stacks
  5. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

  6. hsimp

    JavaScript

    パスワードの安全性を教えてくれる「hsimp」

    hsimpは、パスワードがどれだけ安全かを判定してくれるスクリプトです…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP