SMINT

JavaScript

1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイン「SMINT」

1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーションのメニューをクリックするとそれに対応したコンテンツのところまでスクロール移動してくれるjQueryプラグイン「SMINT」です。スクロール移動してもナビゲーションが固定配置されるのが良いですね!

[ads_center]

使い方

以下のようにsmintを呼び出します。

$(document).ready( function() {
    $('.subMenu').smint();
});

スクロール移動するスピードを指定したい場合にはオプションで指定することができます。

$('.subMenu').smint({
    'scrollSpeed' : 1000 
});

こんな感じで移動してもナビゲーションが固定配置されています。とても便利です。

SMINT

ということで、1ページだけのWebサイトやランディングページなんかに活用したいですね。

関連記事

  1. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  2. Background Blur

    JavaScript

    画像をボカしてくれるクロスブラウザ対応の「Background Blur」

    Background Blurは画像をカッコよくボカしてくれるクロスブ…

  3. jQuery Flat Shadow

    JavaScript

    フラットデザインに影をつけてくれるjQueryプラグイン「jQuery Flat Shadow」

    フラットデザインのUIに影(シャドウ)をつけてくれるjQueryプラグ…

  4. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  5. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  6. HR Navigation Responsive Menu

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP