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

Cube-jQuery-Slider3Dキューブなスライダーを実装できる「Cube-jQuery-Slider」前のページ

リッチキャプションを備えたイメージビューア「CaptionBox」次のページno-image

最近の記事

  1. FUNLOGY スピーカー
  2. 聖剣伝説 VISIONS of MANA
  3. エルデの追憶
  4. コーヒー豆
  5. マレニア様……
PAGE TOP