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. Accessible Mega Menu
  2. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  3. Text Rotator
  4. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  5. Responsive Sidebar Navigation
  6. JK Responsive Youtube Video and Image Gallery

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP