HOMEブログウェブ制作ScrollMagicを使った追従メニュー・追従サイドバーの実装例。 | ネクストページブログ こんにちは、アンドレです。 以前、ScrollMagicのパララックスサンプルを解説しましたが、やはり、「スクロールに応じて○○する」というのはよくあるご要望で、そういった際にScrollMagicはとても便利なライブラリです。 そこで今回は、ScrollMagicを使ってできることの一例として、ページの途中から追従するメニュー・サイドバーの実装例をご紹介したいと思います。 See the Pen 追従メニュー by Takamasa Okada (@NP-okada) on CodePen. コードと解説 var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({
![ScrollMagicを使った追従メニュー・追従サイドバーの実装例。 | ネクストページブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ff74c164675f3ffba8b32f76eeca6cb6bf98a08/height=288;version=1;width=512/https%3A%2F%2Fnxpg.net%2Fblog%2Ftech%2Fwp-content%2Fuploads%2Fsites%2F7%2F2017%2F06%2Fandre_170612_eyecatch.jpg)