今回はフローティングメニューの作成について見ていきたいと思います。 フローティングメニューとは、画面をスクロールしても画面に合わせて一緒についてきて、固定されたままとなるメニューの事を言います。 ブログを見ると、サイドに表示されているメニューが、スクロールに合わせてアニメーションしながら画面を移動するメニューを見かけます。 それもフローティングメニューと呼ばれますが、エレベーターメニューと言う場合もあります。 フローティングメニューは、HTMLとCSSのみを用いて作成する場合もあれば、JavascriptやJavascriptのライブラリであるJQueryメニューを用いる場合もあります。 せっかくなので、今回の記事では両方試してみたいと思います。 HTMLとCSSのみによるフローティングメニューの作成 より高度なフローティングメニューを手軽に作成したい場合はjQueryを用いた方が良いです
![フローティングメニュー作成の2つの方法 : 初心者によるブログの勉強のためのブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c21b7cc5c9e8d7466261913e86e8ba9b295d2ed/height=288;version=1;width=512/http%3A%2F%2Flivedoor.blogimg.jp%2Fkamikaze_cyclone%2Fimgs%2Ff%2Fe%2Ffe2309ba.png)