【jQuery】コピペでOK！スクロールで固定、解除されるBOXを配置する方法｜フロントエンドエンジニア黒ブタのWEB制作備忘録こんばんは、黒ブタです。 最近のサイトで使われている技術ですが、今回はスクロールすると開始するイベントを紹介したいと思います。 サイドバーやヘッダーのナビでよく見かけますね。 どういったものかと言いますと、Facebookのサイドなどでスクロールすると固定されるBOXと言えばわかると思います。 特定の位置までスクロールするとサイドにあるボックスが固定され、さらにスクロールして一定の位置に到達すると解除されるアレです。 さてさて、早速コードを書いていきます。 ・・・の前にDEMOを作ったので見てみましょう。 ※DEMOはPCで見た場合のみでスマホ用には整えていません。 レスポンシブ対応にはしていますが、Android4.2以下はcssのflexに対応していないので、現在はAndroidの為にもflexを使っている要素はスマホで読み込みCSSを変更してリストで並べるように対策しましょう。 対策
