gridscrolling.js

JavaScript

グリッドごとに画面を縦横スクロールできるjQueryプラグイン「gridscrolling.js」

gridscrolling.jsというjQueryプラグインを使えば、縦横に配置されたグリッドごとに画面をスクロールすることができます。HTML5のsectionやasideを使うことで、縦や横にコンテンツが配置されていきます。応用次第で活用できる場面が増えそうですね。

[ads_center]

gridscrolling.js

gridscrolling.js

gridscrolling.js

グリッドマップも表示されるので、現在自分がどこの位置にいるのか把握しやすいですね。他にも上下左右に隣り合っているコンテンツがあれば矢印ナビゲーションも表示できます。

section要素でマークアップされたコンテンツは縦に並んでいき、aside要素は横に並んでいきます。

縦横スクロールすることで画面が切り替わっていきます。1画面はグリッドレイアウトの1部として扱われます。また、矢印キーでも画面を切り替えることが可能です。

1ページ全体をグリッド構造で構築したい時に役立ちますね。

関連記事

  1. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  2. Bootstrap Photo Gallery jQuery plugin
  3. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  4. stickUp2

    JavaScript

    スクロールしてもついてくるスティッキー実装「stickUp2」

    stickUp2はスクロールしてもついてくるシンプルなスティッキーを実…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

  6. jQuery Responsive Tabs

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP