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

関連記事

  1. Material ScrollTop Button
  2. Ideal Image Slider

    JavaScript

    シンプルで動きが滑らかなスライダー「Ideal Image Slider」

    Ideal Image Sliderはレスポンシブに対応したシンプルで…

  3. Philter

    JavaScript

    CSSのフィルターをコントロールできるjQueryプラグイン「Philter」

    PhilterはCSSのフィルターを簡単にコントロールすることができる…

  4. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  5. Square Menu
  6. Responsive 3d Fold Scroll

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP