もう位置やサイズを気にしなくてもいい!JQueryで実装するスクロールすると追従するフローティングメニュー 2018年版CSSJavaScriptjQuery 少し前の記事ですが、JQuery Advent Calendar 2017 に寄稿させていただきます。 なにがしたい? たとえばサイドバーに置いたローカルメニューや広告エリアなどの特定のエリアをスクロールしてもずっと表示しておく、というのをよく見かけます。 基本は「スクロールがその要素の位置を超えたら position を fixed に変更する」だけで考え方はとてもカンタンなのですが、これをそのままそれだけ実装するとどうなるか。1つは、fixed にしたことで親要素からの束縛から解放されてとても伸び伸びとした要素になってしまうことがあります。もう1つは、前後関係というしがらみからも開放されるため後続要素が詰められて位置が変わってし