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枚のRAWからHDR作成三脚不要で1枚のRAWからHDRを作成するやり方(Lightroom・Photoshop CS6)前のページ

2013年上半期に紹介したjQueryプラグイン50選まとめ次のページ2013年上半期jQueryプラグインまとめ

関連記事

  1. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  2. Freewall

    JavaScript

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」

    FreewallというjQueryプラグインを使えばレスポンシブに対応…

  3. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

  4. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  5. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  6. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

コメント

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

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

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP