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. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  2. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  3. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  4. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  5. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  6. SVG 3D Tag Cloud jQuery Plugin

コメント

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

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

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP