no-image

JavaScript

スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

jQuery.panelSnapは、コンテンツごとに縦に並べられたパネルのページをスクロールした時に、自動で最適な位置に合わせてくれるjQueryプラグインです。スクロールしてコンテンツの位置がズレてた場合、自動的に位置を修正してくれるのでとても便利ですね。

jQuery.panelSnap

デモ

デモではコンテンツがパネルごとに縦に並んでいます。例えば、下へスクロールしていった時にパネルとパネルの間の中途半端な位置に止まってしまった場合、自動的に最適な位置まで移動してくれます。

パネルごとにコンテンツを分けて縦に並べたWebページを作りたい時には、とても役立つ機能になるのではないでしょうか。

デモページには、メニュー、キーボード、NEXT・PREVボタン、コールバック、イベント、オフセットと、いろんなパターンのサンプルが用意されています。

また、jQuery.panelSnapにはオプションもいろいろあり、menuSelector、panelSelector、namespace、directionThreshold、slideSpeed、delay、easing、offset、navigationなどカスタマイズして使用したい場合にもピッタリです。

マークアップもシンプルで使いやすそうなので、気になる人はぜひチェックしてみてください。

jQuery.panelSnap

関連記事

  1. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  2. jQuery Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  3. Block Slide

    JavaScript

    jQueryプラグインで印象的なエフェクトで魅せるモーダルウィンドウ「Block Slide」

    Block SlideというjQueryプラグインを使えば印象的なエフ…

  4. notifit

    JavaScript

    多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

    notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装でき…

  5. jQuery Pit-scheduler v2.0
  6. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

最近の記事

  1. タリーズ ハウスブレンド
  2. BAG-TW1BKシリーズ
  3. 落ち葉と雪

アーカイブ

PAGE TOP