on:2013年7月18日sponsors1ページに複数のパネルを垂直に配置した際、スクロールして次のパネルを表示する時にずれたポジションでスクロールをやめても、ベストなポジションに自動でスナップさせるjQueryのプラグインを紹介します。-GitHubjQuery.panelSnapのデモjQuery.panelSnapの使い方jQuery.panelSnapのデモデモはjQuery.panelSnapのページを下にスクロールすると、表示されます。jQuery.panelSnapデモの紹介の前に、このページ自体もpanelSnapが実装されており、スクロールして下のコンテンツを表示する際、中途半端なポジションでストップすると、ちょうどいいポジションにスナップします。こんな感じに、スクロールを中途半端なポジションでやめてみます。中途半端なポジションすぐに、自動で次のコンテンツがちょうどよく表示されるポジションにスクロールします。以下は、スクリプトのいろいろな機能のデモです。Menu左のメニューと連動しているデモです。Functions各パネルごとにスナップのスタートとフィニッシュにコールバックが用意されています。Capturing各イベントを取得することもできます。外部ファイルスクリプトをhead内に外部ファイルとして記述します。HTMLコンテンツは一つずつsection要素(変更可能)で並列に配置します。スタイルシートは各コンテンツ自由にしてください。JavaScriptパネルを内包する要素をjQueryのセレクタで指定しスクリプトを実行するだけで、パネルがスナップするようになります。$('body').panelSnap();</script>オプションオプションでは、スナップする際のスピードやパネルのセレクタを設定できます。下記の値は全てデフォルトのものです。Posts関連記事が見つかりませんでした。