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. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  2. Quttons

    JavaScript

    ボタンの形状やカラーが変化するjQueryプラグイン「Quttons」

    Quttonsはボタンをクリックすると形状やカラーが変化して新しいコン…

  3. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  4. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  5. emotion-ratings

    JavaScript

    絵文字を使ったレーティング機能を実装できる「emotion-ratings」

    emotion-ratingsは絵文字を使ったレーティング機能を実装で…

  6. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

コメント

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

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

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP