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. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  2. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  3. no-image

    JavaScript

    水平・垂直に対応したカルーセルスライドショー「jCarousel」

    jCarouselは水平・垂直に対応したカルーセルスライドショーを実装…

  4. Circular Slider
  5. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  6. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP