jquery.simple-scroll-follow

JavaScript

スクロールに従って要素を固定したり移動したりできる「jquery.simple-scroll-follow」

jquery.simple-scroll-followは、スクロールに従って要素を固定したり移動したりすることができるjQueryプラグインです。サイドバーを固定して表示したり特定のブラウザ幅になったら要素を移動させたりすることが可能です。

jquery.simple-scroll-follow

デモ

デモにはいくつかの種類が用意されています。ベーシックなタイプのものでは、スクロールしていっても「aside」の要素が固定表示されます。

他にも、ベーシックのように「aside」を固定表示しつつも、フッターまでスクロールすると「aside」が隠れてフッターが全域で表示されたり、ブラウザ幅が992pxより小さくなると、横に設置された「aside」が下へ移動したりと、いろんなタイプのデモを見ることができます。

レスポンシブに対応したレイアウトを作りたい時にも活用できそうですね。シンプルながらも、すごくカスタマイズ性の高いjQueryプラグインに仕上がっています。

主なオプションは、limit_elem、min_width、enabledです。ライセンスはMITとのこと。

スクロールしてもサイドバーを固定したり、特定のブラウザ幅のポイントで要素を別の場所に移動させたりしたいという人は、ぜひ「jquery.simple-scroll-follow」を活用されてみてはいかがでしょうか?

jquery.simple-scroll-follow

jQuery gantt軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」前のページ

レスポンシブなイメージビューアを実装できる「SmartPhoto.js」次のページSmartPhoto.js

関連記事

  1. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  2. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  3. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  4. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  5. Flex-box Gallery

    JavaScript

    ランダムサイズの画像をかっこいいギャラリーにしてくれる「Flex-box Gallery」

    Flex-box Galleryは、ランダムサイズによる画像たちをかっ…

  6. Warp drive jQuery plugin

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP