bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptスクロールに従って要素を固定したり移動したりできる「jquery.simple-scroll-follow」JavaScript2017.04.28スクロールに従って要素を固定したり移動したりできる「jquery.simple-scroll-follow」jquery.simple-scroll-followは、スクロールに従って要素を固定したり移動したりすることができるjQueryプラグインです。サイドバーを固定して表示したり特定のブラウザ幅になったら要素を移動させたりすることが可能です。jquery.simple-scroll-follow以下のページからjquery.simple-scroll-followの実際のデモをチェックできます。デモデモにはいくつかの種類が用意されています。ベーシックなタイプのものでは、スクロールしていっても「aside」の要素が固定表示されます。他にも、ベーシックのように「aside」を固定表示しつつも、フッターまでスクロールすると「aside」が隠れてフッターが全域で表示されたり、ブラウザ幅が992pxより小さくなると、横に設置された「aside」が下へ移動したりと、いろんなタイプのデモを見ることができます。レスポンシブに対応したレイアウトを作りたい時にも活用できそうですね。シンプルながらも、すごくカスタマイズ性の高いjQueryプラグインに仕上がっています。主なオプションは、limit_elem、min_width、enabledです。ライセンスはMITとのこと。スクロールしてもサイドバーを固定したり、特定のブラウザ幅のポイントで要素を別の場所に移動させたりしたいという人は、ぜひ「jquery.simple-scroll-follow」を活用されてみてはいかがでしょうか?jquery.simple-scroll-followの詳細やダウンロードは、以下のページからどうぞ。Magnifyはシンプルで軽量なズーム機能を実装すること...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。