ライブラリを使わずに、画面がスクロールされたらHTML要素を固定 － JQuery, JavaScriptこんにちは、T田です。 インターネットのサイトを見ていると、画面をある程度スクロールするとサイドバーや画面上部のメニューが固定されるページを見かけませんか？ 今回は、それを特別なライブラリを使わないで実現する方法をお伝えします。 目次 はじめに 実際のページとソースコード 処理概要とソースコード解説 JQueryを使用しない場合 おわりに １．はじめに このページをPCやタブレットなどの横長の画面で見ていただいている方は、サイドバーにSNSのボタンが 表示されているはずです。 これらのボタンも、画面をある程度スクロールすると画面上部に固定されるようになっています。 これは、記事を最後まで読んでいただいた方にボタンを押していただく機会を逃さないようにするためです。 SNSのボタン以外にも、ヘッダメニューやフッタメニューを固定する方法にも応用できますので ぜひ参考にしていただければと思います。
